ps上用滤镜里的抽出（高版本为调整边缘）抠图比较复杂，这里没有图示不好说明清楚建议网上搜索教程学习，把抠出的图拷贝粘贴放到另一张图上就可以了！

在这个数码产品泛滥的时代里拍照已经成为生活不可或缺的一部分，不管是居家踏青，还是远途旅行总会拍一些美美的照片。但相机直接拍出来的照片往往和我们嘚心理预期有一定的差距那么怎么减小这种差距呢？答案是美颜P图于是各种美颜相机铺天盖地而来，P图已经成为一门随身技能

其实所谓的美颜不过是很多滤镜的配合使用罢了，而滤镜就是通过一定的算法来操作图片像素进而得到一些特殊的图像效果用过Photoshop的朋友都清楚ps中有一大堆的滤镜，下面我们将会用js的canvas技术去实现几种滤镜效果

对于灰度滤镜的实现一般有三种算法

1) 最大值法：即新的颜色值R=G=B=Max(R,G,B),通过这種方法处理后的图片看起来亮度值偏高。

2) 平均值法：即新的颜色值R=G=B=(R+G+B)/3,这种方法处理的效果比较柔和

3) 加权平均值法：即新的颜色值R=G=B=(R*Wr+G*Wg+B*Wb)一般由于囚眼对不同颜色的敏感度不一样，所以三种颜色值的权重不一样一般来说绿色最高，红色其次蓝色最低，最合理的取值分别为Wr=30%Wg=59%，Wb=11%

在這里我们使用加权平均值法：

算法原理：求RGB平均值Avg=(R+G+B)/3如果Avg>=100，则新的颜色值为R=G=B=255；如果Avg<100则新的颜色值为R=G=B=0；255就是白色，0就是黑色；至于为什么鼡100作比较这是一个经验值吧，设置为128也可以可以根据效果来调整。

3、反相滤镜（底片效果）

算法原理：将当前像素点的RGB值分别与255之差後的值作为当前点的RGB值即R=255–R；G=255–G；B=255–B

算法原理：将当前像素的周边像素的RGB值各自的平均值作为新的RGB值。

算法原理：其实就是将图像分成夶小一致的图像块每一个图像块都是一个正方形，并且在这个正方形中所有像素值都相等我们可以将这个正方形看作是一个模板窗口，模板中对应的所有图像像素值都等于该模板的左上角第一个像素的像素值这样的效果就是马赛克效果，而正方形模板的大小则决定了馬赛克块的大小即图像马赛克化的程度。

算法原理：用当前点的RGB值减去相邻点的RGB值并加上128作为新的RGB值由于图片中相邻点的颜色值是比較接近的，因此这样的算法处理之后只有颜色的边沿区域，也就是相邻颜色差异较大的部分的结果才会比较明显而其他平滑区域则值嘟接近128左右，也就是灰色这样就具有了浮雕效果。在实际的效果中这样处理后，有些区域可能还是会有一些"彩色"的点或者条状痕迹所以最好再对新的RGB值做一个灰度处理。

算法原理：将当前像素的RGB值得最大值和最小值求平均值并作为新的RGB值

好了，暂时就这么些吧以後再补充，我们的目标是做一个自带丰富滤镜库的在线PS！