Canvas negativo i blanco y negro

[brooo]

Hola necesito una funcion que dado un canvas ya dibujado me cree el negativo y el blanco y negro. de momento tengo este codigo pero no me funciona si me pudieran ayudar me aharian un favor.

Código:

function negatiu(){
alert("negatiu");	
 //if (document.getElementById('negatiu').checked) {
 	var canvas = document.getElementById('CanvaXfunction');
	var ctx = canvas.getContext('2d');	
	var dadesimatge= ctx.getImageData(0,0,canvas.width,canvas.height);
	var	dades=dadesimatge.data;
	for(var i=0; i<dades.lenght;i+=4){
		dades[i]=255-dades[i];
		dades[i+1]=255-dades[i+2];
		dades[i+2]=255-dades[i+2];
		
	}
	ctx.putImageData(dadesimatge,0,0);
//	}
  alert("bye");  
	
}

[Panino5001]

Probá reemplazar el contenido del for por algo así:

Código:

var average = (dades[i]+dades[i+1]+dades[i+2])/3;
dades[i]   = average; 
dades[i+1] = average; 
dades[i+2] = average;

Podés mirar este enlace: http://www.disegnocentell.com.ar/notas2.php?id=254

[brooo]

No funciona, no veo ningun cambio de ninguna de las maneras en el canvas se muestra igual que si no ejecutara la funcion negativo();

[Panino5001]

Mostranos tu prueba en algún lugar para ver qué estás haciendo mal.