微信小顺序滤镜东西weImageFilters

声明

滤镜处置惩罚的代码99.9%来自于
arahaya/ImageFilters.js,我这里只是做了一些小修正,使其能在微信小顺序里运用。

版本请求

基本库 1.9.0

简介

近来发明一个网页上好用的滤镜库,滤镜结果有几十种,就轻微做了一些变动,使其能在微信小顺序运用。

下面的结果图均由微信开发工具模拟器天生,而且在本身手机上也测试过,能一般运用。

有些结果会比较耗时,比方高斯隐约,关于320*320的图片有时候会有几秒处置惩罚时候。这里毕竟是手机而且相称因而在网页中举行处置惩罚,所以并不发起用来处置惩罚大图。

滤镜的参数我现在是写死的,能够根据需要修正。

代码 tomfriwel/weImageFilters

结果图

屏幕截图

《微信小顺序滤镜东西weImageFilters》

原图

《微信小顺序滤镜东西weImageFilters》

绘制在canvas中的图片(320*320)

《微信小顺序滤镜东西weImageFilters》

  1. Binarize (srcImageData, threshold) 二值化, 参数:(imageData, 0.9)

《微信小顺序滤镜东西weImageFilters》

  1. BoxBlur (srcImageData, hRadius, vRadius, quality) 方框隐约, 参数:(imageData, 3, 3, 2)

《微信小顺序滤镜东西weImageFilters》

  1. GaussianBlur (srcImageData, strength) 高斯隐约, 参数:(imageData, 4)

《微信小顺序滤镜东西weImageFilters》

  1. StackBlur (srcImageData, radius) 高斯隐约和框隐约的折衷方案, 参数:(imageData, 6)

《微信小顺序滤镜东西weImageFilters》

  1. Brightness (srcImageData, brightness) 亮度调治, 参数:(imageData, 100)

《微信小顺序滤镜东西weImageFilters》

  1. BrightnessContrastGimp (srcImageData, brightness, contrast) 亮度、对比度, 参数:(imageData, 26, 13)

《微信小顺序滤镜东西weImageFilters》

  1. BrightnessContrastPhotoshop (srcImageData, brightness, contrast) 亮度、对比度, 参数:(imageData, 26, 13)

《微信小顺序滤镜东西weImageFilters》

  1. Channels (srcImageData, channel) 单色通道,这里为 blue Channel, 参数:(imageData, 3)

《微信小顺序滤镜东西weImageFilters》

  1. ColorTransformFilter (srcImageData, redMultiplier, greenMultiplier, blueMultiplier, alphaMultiplier, redOffset, greenOffset, blueOffset, alphaOffset) 色彩变更滤波器, 参数:(imageData, 2, 1, 1, 1, 38, 0, 0, 0)

《微信小顺序滤镜东西weImageFilters》

  1. Desaturate (srcImageData) 冲淡

《微信小顺序滤镜东西weImageFilters》

  1. Dither (srcImageData, levels) 高频振动, 参数:(imageData, 2)

《微信小顺序滤镜东西weImageFilters》

  1. Edge (srcImageData) 边沿

《微信小顺序滤镜东西weImageFilters》

  1. Emboss (srcImageData) 浮雕

《微信小顺序滤镜东西weImageFilters》

  1. Enrich (srcImageData) 雄厚

《微信小顺序滤镜东西weImageFilters》

  1. Flip (srcImageData, vertical) 翻转, 参数:(imageData, 0)

《微信小顺序滤镜东西weImageFilters》

  1. Gamma (srcImageData, gamma) γ, 参数:(imageData, 5)

《微信小顺序滤镜东西weImageFilters》

  1. GrayScale (srcImageData) 灰度

《微信小顺序滤镜东西weImageFilters》

  1. HSLAdjustment (srcImageData, hueDelta, satDelta, lightness) HSL调治, 参数:(imageData, -23, 54, 19)

《微信小顺序滤镜东西weImageFilters》

  1. Invert (srcImageData) 反色

《微信小顺序滤镜东西weImageFilters》

  1. Mosaic (srcImageData, blockSize) 马赛克,blockSize马赛克块的大小, 参数:(imageData, 10)

《微信小顺序滤镜东西weImageFilters》

  1. Oil (srcImageData, range, levels) 油画结果, 参数:(imageData, 5, 62)

《微信小顺序滤镜东西weImageFilters》

  1. OpacityFilter (srcImageData, opacity) 不透明度, 参数:(imageData, 123)

《微信小顺序滤镜东西weImageFilters》

  1. Posterize (srcImageData, levels) 多色彩分色印, 参数:(imageData, 6)

《微信小顺序滤镜东西weImageFilters》

  1. Rescale (srcImageData, scale) 从新调治, 参数:(imageData, 3.2)

《微信小顺序滤镜东西weImageFilters》

  1. Sepia(srcImageData) 褐色

《微信小顺序滤镜东西weImageFilters》

  1. Sharpen (srcImageData, factor) 锐化, 参数:(imageData, 9)

《微信小顺序滤镜东西weImageFilters》

  1. Solarize (srcImageData) 暴光

《微信小顺序滤镜东西weImageFilters》

  1. Transpose (srcImageData) 换取

《微信小顺序滤镜东西weImageFilters》

  1. Twril (srcImageData, centerX, centerY, radius, angle, edge, smooth) 水波扭转, 参数:(imageData, 0.5, 0.5, 40, 360, 0, true)

《微信小顺序滤镜东西weImageFilters》

将半径和扭转角度调治一下,参数:(imageData, 0.5, 0.5, 120, 90, 0, true)

《微信小顺序滤镜东西weImageFilters》

    原文作者:tomfriwel
    原文地址: https://segmentfault.com/a/1190000016298925
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞