drawImage()方法在畫布上繪制圖像、畫布或視頻
drawImage()
<canvas id="mycanvas" width="300" height="200">
var c=document.getElementById("mycanvas");
var ctx=c.getContext("2d");
var img=document.getElementById("arrowsimg");
//JavaScript 語法 1
// 在畫布上定位圖像：
// context.drawImage(img,x,y);
// JavaScript 語法 2
// 在畫布上定位圖像，并規(guī)定圖像的寬度和高度：
// context.drawImage(img,x,y,width,height);
//JavaScript 語法 3
//剪切圖像，并在畫布上定位被剪切的部分：
//context.drawImage(img,sx,sy,swidth,sheight,x,y,width,height);
img.onload = function() {
ctx.drawImage(img,10,10,200,100);
console.log(img.width);
console.log(img.height);
}