使用canvas进行图像编辑的实例

本文将分为几个小功能的形式来详细介绍canvas图像编辑下面是一张分析图，假设默认情况下，图片和canvas宽高相同。放大镜效果主要使用离屏canvas的技术，离屏canvas放置的是图片的放大版，而普通canvas则放置图片的正常版下面利用canvas的getImageData()方法，获取原始图像数据，通过对图像数据进行修改，然后输出修改后的图像数据普通模糊效果不仅需要使用当前像素点，还需要使用周围的像素点，并把这些像素点都赋予平均值马赛克效果则是把一块区域的值，全部都赋予平均值