基于canvas的图片反色处理

图片反色,其实很简单,就是黑变成白,白变成黑。如此而已 

下面先贴代码

ctx.drawImage(imgs, 0, 0,width,height);
            var pixels = ctx.getImageData(0,0,width,height);
            var pixeldata = pixels.data;
            for(var i=0,len = pixeldata.length ;i

因为每一个rgb的范围都是 0-255  这样 的数值 通过255减去初始的数值 就是其对应的反色数值了

下面上图片  看效果基于canvas的图片反色处理_第1张图片基于canvas的图片反色处理_第2张图片

是不是很炫酷那  基于canvas的各种图片处理,还有很多,欢迎大家继续阅读。

你可能感兴趣的:(canvas)