canvas的drawImage的参数

drawImage() 方法用于在canvas画布上绘制图像、画布或视频。

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

参数	描述
img	规定要使用的图像、画布或视频。
sx	可选。开始剪切的 x 坐标位置。
sy	可选。开始剪切的 y 坐标位置。
swidth	可选。被剪切图像的宽度。
sheight	可选。被剪切图像的高度。
x	在画布上放置图像的 x 坐标位置。
y	在画布上放置图像的 y 坐标位置。
width	可选。要使用的图像的宽度。（伸展或缩小图像）
height	可选。要使用的图像的高度。（伸展或缩小图像）

drawImage方法的参数数量只能是3，5，9

1、参数数量为3时

img、x、y为必填参数
x、y为在canvas画布上的起始坐标点，默认使用整个canvas画布

2、参数数量为5时

参数依次为img、x、y、width、height
width和height为要绘制的canvas画布的长宽

3、参数数量为9时

所有参数都使用
所绘制的图像源的起始坐标、长宽