13 像素操作

读取像素：

ctx.getImageData(100,100,100,100);    // 提取矩形中的信息

getImageData 参数：

第一个参数，第二个参数： 矩形的起始位置

第三个参数，第四个参数： 矩形的大小

返回值： imageData 对象

width : 该区域横向上像素点的个数

height : 该区域纵向上像素点的个数

data : 该区域所有像素点的 rgba 信息

写入像素：

ctx.putImageData(填入的对象,填充区域水平坐标点,填充区域垂直坐标点);

创建像素对象：

ctx.createImageData(宽度,高度);

返回一个 ImageData对象

创建的颜色是黑色透明色 [0,0,0,0]

案例：