ctx.getImageData(x, y, w, h) 获取指定区域的颜色信息

      从指定区域获取一组原色信息，顺序是所取像素范围的从左到右，从上到下，数组的元素是（所有图形，包括图片，和绘制的图形）每个像素的rgba
      如 [ImageData1,ImageData2...]

    ctx.putImageData(imgData, x, y, dirtyX, dirtyY, dirtyWidth, dirtyHeight) 将图像数据绘制到画布

      imgData: 规定要放回画布的 ImageData 对象。
      x: 重绘图像的起点横坐标（重绘的起点和原来的图像一致的话就会把原来的图形覆盖掉，看起来就像是原来的图像变成现在的图像一样）
      y: 重绘图像的起点纵坐标
      //以下可选参数，设置重绘imgData像素的矩形范围，如果缺省，默认会重绘所有的imegedata
      dirtyX: 矩形左上角相对于imgData像素区域的x轴坐标
      dirtyY: 矩形左上角相对于imgData像素区域的y轴坐标
      dirtyWidth: 矩形长度
      dirtyHeight: 矩形高度

    ctx.createImageData(width,height)/ctx.createImageData(imageData) 创建图像数据

      width: 图像数据宽度
      height: 图像数据高度
      imageData: ImageData对象

      参数为ImageData对象时，则创建与指定的另一个 ImageData 对象尺寸相同的新 ImageData 对象, 但不会复制图像数据

    ImageData对象

      R - 红色 (0-255)
      G - 绿色 (0-255)
      B - 蓝色 (0-255)
      A - alpha 通道 (0-255; 0 是透明的，255 是完全可见的)