canvas做动画drawImage

最近在用canvas写动画,用到drawImage

1
ctx.drawImage(img,sx,sy,swidth,sheight,x,y,width,height);

drawImage可以传9个参数,第一个是图片的路径,第二三个是从图片的哪个位置开始绘制图片,四五个是绘制的宽、高,六七是在canvas放置的位置,八九是原图片的大小。

也可以这样只写三个参数

1
ctx.drawImage(img,x,y);

这样定位了图片在画布上的位置

还可以写五个参数,定位图像在画布上的位置和大小

1
ctx.drawImage(img,x,y,width,height);