html清除图片像素的代码,javascript – canvas ImageData删除白色像素

这是怎么做的..

function white2transparent(img)

{

var c = document.createElement('canvas');

var w = img.width,h = img.height;

c.width = w;

c.height = h;

var ctx = c.getContext('2d');

ctx.drawImage(img,w,h);

var imageData = ctx.getImageData(0,h);

var pixel = imageData.data;

var r=0,g=1,b=2,a=3;

for (var p = 0; p

{

if (

pixel[p+r] == 255 &&

pixel[p+g] == 255 &&

pixel[p+b] == 255) // if white then change alpha to 0

{pixel[p+a] = 0;}

}

ctx.putImageData(imageData,0);

return c.toDataURL('image/png');

}

并使用它将图像的src设置为此方法的返回值.

var someimage = document.getElementById('imageid');

someimage.src = white2transparent(someimage);

要使此代码起作用,映像必须来自与代码相同的域(出于安全原因).