canvas基本内容2

图片的处理：

像素：获取像素getimageData(x,y,width,height) 返回值是一个对象obj，里面有一个属性data是一个数组，用来保存像素值   这个方法要在服务器环境下运行

输出像素：putimageData(obj,x,y)

常用效果：反色 -x

灰度1.newr = (r*0.272) + (g*0.534) + (b * 0.131);   newg = (r*0.349) + (g*0.686) + (b * 0.168);  newb = (r*0.393) + (g*0.769) + (b * 0.189);  2.(r +g +b)/3

浮雕：1.用相邻的RGB值减去当前点的RGB并加上128作为新的RGB值

2.用于图片中相邻点的颜色值是比较接近的，因此这样的算法处理之后，只有颜色的边沿区域

3.也就是相邻颜色差异较大的部分的结果才比较明显，而其他平滑区域则值接近128左右

4.也就是灰色，这样就具有了浮雕效果

5.在实际的效果中，这样处理后有些地区可能还是有“彩色”的一些点或条状痕迹所有最好再对新的RGB做一个灰度处理。

毛玻璃：用当前四周一定范围内任意一点的颜色来替代当前点的颜色，最常用的是随机的采用相邻点进行替代

熔铸效果：r = r*128(g+b+1);

g = g*128(r+b+1);

b = b*128(g+r+1);

冰冻效果：

仍人（r-g-b）*3/2;

g = (g-r-b)*3/2;

b = (b-g-r)*3/2;