在HTML5中,`drawImage` 是一個用于在 `
`drawImage` 方法有多個版本和用法,但最常用的版本是:
context.drawImage(image, dx, dy);
其中:
image:要繪制的圖像,可以是 `` 元素、另一個 `
dx和dy:目標繪制位置的 x 和 y 坐標。
drawImage還支持其他參數,例如:
源圖像裁剪:
context.drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight);
`sx` 和 `sy`:源圖像所需的左上角坐標。
`sWidth` 和 `sHeight`:源圖像的寬度和高度。
`dWidth` 和 `dHeight`:要繪制的圖像的寬度和高度。
圖像縮放和拉伸:
context.drawImage(image, dx, dy, dWidth, dHeight);
使用 `drawImage` 方法,你可以在 `