本文通过简单的代码实例，以及略猥琐的图片demo，展示了canvas在图像像素数据操作方面的常用接口,有需求的朋友可以参考下

内容概要：本文通过简单的代码实例，以及略猥琐的图片demo，展示了canvas在图像像素数据操作方面的常用接口。至于如何利用这几个接口实现更复杂的效果，则会在后续章节里继续讲述。一、canvas图片填充；2、设置/获取canvas图片数据；3、创建canvas图片数据；4、关于imageData.data的一点补充；demo_01如下：demo说明：加载xiangjishi.png，加载完成后，从相对于画布左上角坐标(0,0)处开始，将xiangjishi.png绘制在画布上，效果如下：看到这里

内容概要：本文通过简单的代码实例，以及略猥琐的图片demo，展示了canvas在图像像素数据操作方面的常用接口。至于如何利用这几个接口实现更复杂的效果，则会在后续章节里继续讲述。一、canvas图片填充；2、设置/获取canvas图片数据；3、创建canvas图片数据；4、关于imageData.data的一点补充；demo_01如下：demo说明：加载xiangjishi.png，加载完成后，从相对于画布左上角坐标(0, 0)处开始，将xiangjishi.png绘制在画布上，效果如下：看到这

内容概要：本文通过简单的代码实例，以及略猥琐的图片demo，展示了canvas在图像像素数据操作方面的常用接口。至于如何利用这几个接口实现更复杂的效果，则会在后续章节里继续讲述。 一、canvas图片填充； 2、设置/获取canvas图片数据； 3、创建canvas图片数据；4、关于imageData.data的一点补充； 5、写在后面 一、canvas图片填充 复制代码代码如下: /** * descr iption * param {Number} x 图像起始绘制点距离canvas最左侧