还是这个美女,长这样
然后她进行一个反相操作
妈惹,反相后有点怕怕!但惊恐并不能阻挡我们的前进的步伐。通过对比,发现反相是把原图的像素变成了它们各自的补数。怎么补?我们知道RGB位图是由红绿蓝三个通道组成每个像素点的颜色组成的,而每个通道都有256个色值从0x00 ~ 0xff,即是反相是基于最大色值去的原通道下的补数,即结果值 = 255(从0开始) - 原通道的数值,于是乎,就可以通过这样实现反相
1.获取画布上图像的像素信息
2.遍历每一个像素
3.将每个像素的各个通道的数值变成它的补数
4.把处理后的像素信息放回画布
接下来coding…
function Filter(context){
this.context