腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

FECoding

专栏作者

43

文章

88322

阅读量

12

订阅数

探究 canvas 绘图中撤销（undo）功能的实现方式

最近在做网页版图片处理相关的项目，也算是初入了 canvas 的坑。项目需求中有一个给图片添加水印的功能。我们知道，在浏览器端实现图片添加水印功能，通常的做法就是使用 canvas 的 drawImage 方法。对于普通的合成（比如一张底图和一张 PNG 水印图片合成）来说，其大致实现原理如下：

2019-04-25

1.9K0

wx-caman——基于 CamanJS 的微信小程序 Canvas 像素级滤镜处理库

微信小程序 canvas

做这个项目的初衷是希望能够开发一款不依赖服务端而纯通过客户端渲染为图片添加滤镜的小程序。但是由于微信小程序中的 canvas 组件与 DOM Canvas 元素有较大差异，因此传统的 Canvas 处理库几乎无法在小程序中使用。在调研了一些传统浏览器端的项目后，我发现 CamanJS 的功能比较完善，同时也比较容易对微信小程序进行适配。在阅读完毕 CamanJS 源码（顺便学习了一下 CoffeeScript）以及学习了小程序的 canvas 组件的条条框框之后，wx-caman 就诞生了。wx-caman 由 CamanJS 封装而来，基于 ES6 进行了重写，并针对微信小程序进行了适配。其使用基本与 CamanJS 保持一致，同时剔除了无关功能，能够对小程序中的 canvas 进行像素级别的图像滤镜处理。

2019-04-25

1.1K0

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态