声明
滤镜处置惩罚的代码99.9%来自于
arahaya/ImageFilters.js,我这里只是做了一些小修正,使其能在微信小顺序里运用。
版本请求
基本库 1.9.0
简介
近来发明一个网页上好用的滤镜库,滤镜结果有几十种,就轻微做了一些变动,使其能在微信小顺序运用。
下面的结果图均由微信开发工具模拟器天生,而且在本身手机上也测试过,能一般运用。
有些结果会比较耗时,比方高斯隐约,关于320*320
的图片有时候会有几秒处置惩罚时候。这里毕竟是手机而且相称因而在网页中举行处置惩罚,所以并不发起用来处置惩罚大图。
滤镜的参数我现在是写死的,能够根据需要修正。
代码 tomfriwel/weImageFilters
结果图
屏幕截图
原图
绘制在canvas
中的图片(320*320)
-
Binarize (srcImageData, threshold)
二值化, 参数:(imageData, 0.9)
-
BoxBlur (srcImageData, hRadius, vRadius, quality)
方框隐约, 参数:(imageData, 3, 3, 2)
-
GaussianBlur (srcImageData, strength)
高斯隐约, 参数:(imageData, 4)
-
StackBlur (srcImageData, radius)
高斯隐约和框隐约的折衷方案, 参数:(imageData, 6)
-
Brightness (srcImageData, brightness)
亮度调治, 参数:(imageData, 100)
-
BrightnessContrastGimp (srcImageData, brightness, contrast)
亮度、对比度, 参数:(imageData, 26, 13)
-
BrightnessContrastPhotoshop (srcImageData, brightness, contrast)
亮度、对比度, 参数:(imageData, 26, 13)
-
Channels (srcImageData, channel)
单色通道,这里为 blue Channel, 参数:(imageData, 3)
-
ColorTransformFilter (srcImageData, redMultiplier, greenMultiplier, blueMultiplier, alphaMultiplier, redOffset, greenOffset, blueOffset, alphaOffset)
色彩变更滤波器, 参数:(imageData, 2, 1, 1, 1, 38, 0, 0, 0)
-
Desaturate (srcImageData)
冲淡
-
Dither (srcImageData, levels)
高频振动, 参数:(imageData, 2)
-
Edge (srcImageData)
边沿
-
Emboss (srcImageData)
浮雕
-
Enrich (srcImageData)
雄厚
-
Flip (srcImageData, vertical)
翻转, 参数:(imageData, 0)
-
Gamma (srcImageData, gamma)
γ, 参数:(imageData, 5)
-
GrayScale (srcImageData)
灰度
-
HSLAdjustment (srcImageData, hueDelta, satDelta, lightness)
HSL调治, 参数:(imageData, -23, 54, 19)
-
Invert (srcImageData)
反色
-
Mosaic (srcImageData, blockSize)
马赛克,blockSize
马赛克块的大小, 参数:(imageData, 10)
-
Oil (srcImageData, range, levels)
油画结果, 参数:(imageData, 5, 62)
-
OpacityFilter (srcImageData, opacity)
不透明度, 参数:(imageData, 123)
-
Posterize (srcImageData, levels)
多色彩分色印, 参数:(imageData, 6)
-
Rescale (srcImageData, scale)
从新调治, 参数:(imageData, 3.2)
-
Sepia(srcImageData)
褐色
-
Sharpen (srcImageData, factor)
锐化, 参数:(imageData, 9)
-
Solarize (srcImageData)
暴光
-
Transpose (srcImageData)
换取
-
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)