canvas像素级操作实现滤镜之反色滤镜、黑白滤镜

反色滤镜：

原理：从255中减去每个像素的红、绿、蓝分量值，再将差值赋值回去实现反转

1. //反色滤镜  
2.     function negative_Filter(data) {  
3.   
4.         for (var i = 0; i < data.length - 4; i += 4) {  
5.             data[i] = 255 - data[i];  
6.             data[i + 1] = 255 - data[i + 1];  
7.             data[i + 2] = 255 - data[i + 2];  
8.         }  
9.         return data;  
10.     }</span>  

黑白滤镜：

原理：计算出每个像素的红、绿、蓝分量值的平局值，然后将三个分量值都设置为该平均值

1. //黑白滤镜  
2.     function BAW_Filter(data) {  
3.   
4.         for (var i = 0; i < data.length - 4; i += 4) {  
5.             var tmp = (data[i] + data[i + 1] + data[i + 2]) / 3;  
6.   
7.             data[i] = tmp;  
8.             data[i + 1] = tmp;  
9.             data[i + 2] = tmp;  
10.         }  
11.         return data;  
12.     }</span>