Canvas，中文译为“画布”，HTML5中新增了<canvas>元素，可以结合JavaScript动态地在画布中绘制图形。
今天，我们不讲Canvas的图形绘制，而是讲如何对图片进行处理。
大概流程非常简单，主要分为以下三个步骤：
是的，就像把大象装进冰箱一样简单，哈哈。
一、主要API
整个流程中所用到的主要Canvas API有：
绘制图像： drawImage()
获取图像数据： getImageData()
重写图像数据： putImageData()
导出图像： toDataURL()
1. drawImage()
顾名思义，该方法就是用于将图像绘
