2D繪圖工具（五）

• 影像
• drawImage(image, x, y)
• drawImage(image,x, y, width, height)
• drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight)

參考https://developer.mozilla.org/zh-TW/docs/Web/Guide/HTML/Canvas_tutorial

不好的範例

var img = new Image();

// Create new img element

img.src = 'myImage.png';

// Set source path

實際上的用法

var img = new Image(); // Create new img element

img.addEventListener("load", function() {

// execute drawImage statements here

}, false);

img.src = 'myImage.png'; // Set source path