微信小程序图片滤镜插件，高斯模糊、马赛克、灰度效果等weImageFilters-master.zip

# weImageFilters 微信小程序图片滤镜 #### 声明 > 滤镜处理的代码99.9%来自于[arahaya/ImageFilters.js](https://github.com/arahaya/ImageFilters.js)，我这里只是做了一些小改动，使其能在微信小程序里使用。 #### 版本要求 > 基础库 1.9.0 #### 简介 最近发现一个网页上好用的滤镜库，滤镜效果有几十种，就稍微做了一些更改，使其能在微信小程序使用。 下面的效果图均由微信开发工具模拟器生成，并且在自己手机上也测试过，能正常使用。 有些效果会比较耗时，比如高斯模糊，对于`320*320`的图片有时候会有几秒处理时间。这里毕竟是手机并且相当于是在网页中进行处理，所以并不建议用来处理大图。 滤镜的参数我目前是写死的，可以根据需要修改。 #### 代码 [tomfriwel/weImageFilters](https://github.com/tomfriwel/weImageFilters) #### 效果图 屏幕截图  原图  绘制在`canvas`中的图片（320*320）  1. `Binarize (srcImageData, threshold)` 二值化, 参数:`(imageData, 0.9)`  2. `BoxBlur (srcImageData, hRadius, vRadius, quality)` 方框模糊, 参数:`(imageData, 3, 3, 2)`  3. `GaussianBlur (srcImageData, strength)` 高斯模糊, 参数:`(imageData, 4)`  4. `StackBlur (srcImageData, radius)` 高斯模糊和框模糊的折衷方案, 参数:`(imageData, 6)`  5. `Brightness (srcImageData, brightness)` 亮度调节, 参数:`(imageData, 100)`  6. `BrightnessContrastGimp (srcImageData, brightness, contrast)` 亮度、对比度, 参数:`(imageData, 26, 13)`  7. `BrightnessContrastPhotoshop (srcImageData, brightness, contrast)` 亮度、对比度, 参数:`(imageData, 26, 13)`  8. `Channels (srcImageData, channel)` 单色通道，这里为 blue Channel, 参数:`(imageData, 3)`  9. `ColorTransformFilter (srcImageData, redMultiplier, greenMultiplier, blueMultiplier, alphaMultiplier, redOffset, greenOffset, blueOffset, alphaOffset)` 颜色变换滤波器, 参数:`(imageData, 2, 1, 1, 1, 38, 0, 0, 0)`  10. `Desaturate (srcImageData)` 冲淡  11. `Dither (srcImageData, levels)` 高频振动, 参数:`(imageData, 2)`  12. `Edge (srcImageData)` 边缘  13. `Emboss (srcImageData)` 浮雕  14. `Enrich (srcImageData)` 丰富  15. `Flip (srcImageData, vertical)` 翻转, 参数:`(imageData, 0)`  16. `Gamma (srcImageData, gamma)` γ, 参数:`(imageData, 5)`  17. `GrayScale (srcImageData)` 灰度  18. `HSLAdjustment (srcImageData, hueDelta, satDelta, lightness)` HSL调节, 参数:`(imageData, -23, 54, 19)`  19. `Invert (srcImageData)` 反色  20. `Mosaic (srcImageData, blockSize)` 马赛克，`blockSize`马赛克块的大小, 参数:`(imageData, 10)`  21. `Oil (srcImageData, range, levels)` 油画效果, 参数:`(imageData, 5, 62)`  22. `OpacityFilter (srcImageData, opacity)` 不透明度, 参数:`(imageData, 123)`  23. `Posterize (srcImageData, levels)` 多色调分色印, 参数:`(imageData, 6)`  24. `Rescale (srcImageData, scale)` 重新调节, 参数:`(imageData, 3.2)`  25. `Sepia(srcImageData)` 褐色  26. `Sharpen (srcImageData, factor)` 锐化, 参数:`(imageData, 9)`  27. `Solarize (srcImageData)` 曝光  28. `Transpose (srcImageData)` 调换  29. `Twril (srcImageData, centerX, centerY, radius, angle, edge, smooth)` 水波旋转, 参数:`(imageData, 0.5, 0.5, 40, 360, 0, true)`  将半径和旋转角度调节一下，参数:`(imageData, 0.5, 0.5, 120, 90, 0, true)` ![Twril1](https://upload-images.ji