canvas之putImageData

Posted 2020-06-23

putImageData(imageData,x,y,dx,dy,dw,dh);

参数解释:

　　x:imageData对象的x坐标；

　　y:imageData对象的y坐标；

      dx:x方向的偏移量

　   dy:y方向的偏移量

　　dw:宽度

     dy:高度

 

其中imageData,x,y是必选参数，省略后面参数时指将imageData在(x,y)坐标处完全绘制出。

后面4个参数要一起出现，不省略后面参数时指，可以将imageData想象成一个框，框里有设置好像素的内容,该框的坐标是(x,y),然后在绘制的时候，并不绘制整个框里面的内容，而是绘制(dx,dx)开始的内容，内容的大小为dx,dy

ctx.putImageData(imageData,40,240,30,30,150,150);
ctx.putImageData(imageData,40,380);