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