ImageData 对象真的是得天独厚，为啥这么说呢？

因为它除了可以使用构造方法来创建一个实例外，Canvas 渲染上下文还提供了方法 createImageData() 来创建一个它的实例

createImageData() 方法

ctx.createImageData() 用于创建一个 新的、空白的、指定大小的 ImageData 对象

所有的像素在新对象中都是 透明 的

语法

ImageData ctx.createImageData(width, height);
ImageData ctx.createImageData(imagedata);

1. createImageData() 创建的是透明的图像数据

2. imagedata 参数复制的只是图像的宽和高，数据没有复制过去，生成的是透明的图像

3. 如果宽度或者高度变量值为零，会抛出此异常 IndexSizeError

范例

创建一个 1 x 1 大小的透明的图像数据

var canvas = document.createElement("canvas");
var ctx = canvas.getContext("2d");
console.log(ctx.createImageData(1,1)); 

输出结果如下