Wx-caman基于CamanJS 微信小程序Canvas像素级滤波处理库

这个项目的初衷是开发一个不依赖于服务器的小程序，只需通过客户端渲染为图像添加一个过滤器。但是，由于微信小程序中的canvas组件与DOM Canvas元素完全不同，因此传统的Canvas处理库很难在小程序中使用。在研究了一些传统的浏览器端项目之后，我发现CamanJS功能更强大，更容易适应微信小程序。在阅读了CamanJS源代码（顺便说一下，我学习了CoffeeScript）并学习了小程序画布组件的规则之后，wx-caman诞生了。 Wx-caman由CamanJS打包，基于ES6重写，适用于微信小程序。它的使用与CamanJS的使用基本相同，它消除了无关的功能，可以在小程序中在画布上执行像素级图像过滤。

Wx-caman支持多种常见的图像滤镜处理，如亮度，对比度，棕褐色，饱和度等。它还具有内置的预置滤镜，如lomo，sunrise，sinCity等，可直接使用;支持多层混合。还完全支持常见的混合模式，例如乘法，叠加等。

在使用中，这是一个简单的例子：

Page（{onReady: function（e）{//使用wx.createContext获取绘图上下文上下文var context=wx.createCanvasContext（'firstCanvas'）context.setStrokeStyle（'＃00ff00'）context.setLineWidth（5）context。 rect（0,0,200,200）context.stroke（）context.setStrokeStyle（'＃ff0000'）context.setLineWidth（2）context.moveTo（160,100）context.arc（100,100,60,0， 2 * Math.PI，true）context.draw（false，function（）{new WxCaman（'firstCanvas'，300,200，function（）{this.brightness（10）this.contrast（30）this.sepia（60 ）.s饱和度（-30）this.render（）}）}）}}）

如果您想了解有关可投影仓库的更多信息，欢迎致电明星，如果您在此过程中遇到任何问题，请随时提交。

本文首次出现在我的博客上（点击此处查看），欢迎关注。

＆lt; 汇海（www.hvihi.com）是国内知名的商城系统和商城网站建设提供商，其中汇海技术小程序系统提供小程序商城开发，小程序配送系统，微分配系统，商城系统，电子商务网站建设， 微信发行系统，小程序商城及其他多端商场和电子商务行业解决方案＆gt;

确认：这个文件和图像源网络编辑器的网站部分，如果有侵权及时通信删除。 汇海hvihi.com网站原创文章，请注明出处。