Canvas入門基礎(chǔ)（七）：像素操作

var imgData=cxt.createImageData(width,height);

var imgData=cxt.createImageData(100,100);
	for(var i=0;i<imgData.data.length;i+=4){
		imgData.data[i+0]=255;
		  imgData.data[i+1]=0;
		  imgData.data[i+2]=0;
		  imgData.data[i+3]=255;
	}
	cxt.putImageData(imgData,10,10);

//第一個(gè)像素變?yōu)榧t色
data[0]=255;  //R
data[1]=0;    //G
data[2]=0;   //B
data[3]=255;   //A

var imgData=cxt.createImageData(imageData);

cxt.getImageData(x,y,width,height);

var img=new Image();
	img.src="mm.jpg";
	img.onload=function(){
		cxt.drawImage(img,10,10);
		var imgData=cxt.getImageData(10,10,200,300);
		var data=imgData.data;
		for(var i=0;i<data.length;i+=4){
			data[i]=255-data[i];
			data[i+1]=255-data[i+1];
			data[i+2]=255-data[i+2];
			data[i+3]=255;
		}
		cxt.putImageData(imgData,230,10);
	}