drawImage函數用于在畫布上繪制圖像。它可以接受不同的參數組合,具體用法如下:
繪制完整的圖像,將圖像的左上角放置在畫布上的指定位置(x, y)處。
繪制指定大小的圖像,將圖像的左上角放置在畫布上的指定位置(x, y)處,并調整圖像的大小為指定的寬度和高度。
從圖像的指定區域繪制部分圖像,將圖像的源區域的左上角(sx, sy)處的部分繪制到畫布上的目標區域的左上角(dx, dy)處,并調整圖像的大小為指定的寬度和高度。
其中,參數說明如下:
image: 繪制的圖像,可以是一個圖片元素、畫布元素或視頻元素。
x: 目標區域的左上角橫坐標。
y: 目標區域的左上角縱坐標。
width: 目標區域的寬度。
height: 目標區域的高度。
sx: 源區域的左上角橫坐標。
sy: 源區域的左上角縱坐標。
sWidth: 源區域的寬度。
sHeight: 源區域的高度。
dx: 目標區域的左上角橫坐標。
dy: 目標區域的左上角縱坐標。
dWidth: 目標區域的寬度。
dHeight: 目標區域的高度。
通過這些參數的組合,可以實現不同的圖像繪制效果。