还是这个美女,长这样
然后对这图进行一个灰度操作
啊,感觉整个世界失去了色彩!但不要紧,要紧的是怎么丢掉色彩变成灰度图像呢?实现灰度的算法有好几种,如:
1.平均数法:(R + G + B)/3
2.按权的整数法:(R0.3 + G0.59 + B*0.11)
3.移位方法:(R76+G151+B*28)>>8
…
这里我们选用NO.2,按权的整数法,它基本可以满足我们的视觉需要了,接着看下怎么实现
1.获取画布上图像的像素信息
2.遍历每一个像素
3.将每个像素的各个通道的数值变成按权的整数法所得的值
4.把处理后的像素信息放回画布
然后
function Filter(context){
this.context = context;
}
Filter.prototype.constructor = Filter;
Filter.prototype