基于canvas的图片反色处理

xiaoxiao2021-02-28  117

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

下面先贴代码

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<len;i+=4){ pixels.data[i] = 255- pixels.data[i]; pixels.data[i+1] = 255 - pixels.data[i+1]; pixels.data[i+2] = 255 - pixels.data[i+2]; } 因为每一个rgb的范围都是 0-255  这样 的数值 通过255减去初始的数值 就是其对应的反色数值了

下面上图片  看效果

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

转载请注明原文地址: https://www.6miu.com/read-44736.html

最新回复(0)