主要介绍了canvas学习和滤镜实现代码，利用 canvas，前端人员可以很轻松地、进行图像处理，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

在这个数码产品泛滥的时代里，拍照已经成为生活不可或缺的一部分，不管是居家，踏青，还是远途旅行，总会拍一些美美的照片。但相机直接拍出来的照片往往和我们的心理预期有一定的差距，那么怎么减小这种差距呢？答案是美颜P图，于是各种美颜相机铺天盖地而来，P图已经成为一门随身技能。 其实所谓的美颜不过是很多滤镜的配合使用罢了，而滤镜就是通过一定的算法来操作图片像素进而得到一些特殊的图像效果。用过Photoshop的朋友都清楚ps中有一大堆的滤镜，下面我们将会用js的canvas技术去实现几种滤镜效果。 最近学

利用 canvas 除了可以实现滤镜，还可以利用 离屏技术 放大镜功能。 为了方便讲解，本文分为 2 个应用部分： 实现水印和中心缩放 实现放大镜  1. 什么是离屏技术？ canvas 学习和滤镜实现 介绍过 drawImage 接口。除了绘制图像，这个接口还可以： 将一个 canvas 对象绘制到另一个 canvas 对象上 。这就是离屏技术。 2. 实现水印和中心缩放 在代码中，有两个 canvas 标签。分别是可见与不可见。 不可见的 canvas 对象上的 Conte