指点成金-最美分享吧

登录

canvas之putImageData

佚名 举报

篇首语:本文由小编为大家整理,主要介绍了canvas之putImageData相关的知识,希望对你有一定的参考价值。

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);

以上是关于canvas之putImageData的主要内容,如果未能解决你的问题,请参考以下文章