drawImage函数用于在画布上绘制图像。它可以接受不同的参数组合,具体用法如下:
1. drawImage(image, x, y)
绘制完整的图像,将图像的左上角放置在画布上的指定位置(x, y)处。
2. drawImage(image, x, y, width, height)
绘制指定大小的图像,将图像的左上角放置在画布上的指定位置(x, y)处,并调整图像的大小为指定的宽度和高度。
3. drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight)
从图像的指定区域绘制部分图像,将图像的源区域的左上角(sx, sy)处的部分绘制到画布上的目标区域的左上角(dx, dy)处,并调整图像的大小为指定的宽度和高度。
其中,参数说明如下:
- image: 绘制的图像,可以是一个图片元素、画布元素或视频元素。
- x: 目标区域的左上角横坐标。
- y: 目标区域的左上角纵坐标。
- width: 目标区域的宽度。
- height: 目标区域的高度。
- sx: 源区域的左上角横坐标。
- sy: 源区域的左上角纵坐标。
- sWidth: 源区域的宽度。
- sHeight: 源区域的高度。
- dx: 目标区域的左上角横坐标。
- dy: 目标区域的左上角纵坐标。
- dWidth: 目标区域的宽度。
- dHeight: 目标区域的高度。
通过这些参数的组合,可以实现不同的图像绘制效果。









