1.7.1 绘制图像绘制图像需要使用 drawImage() 方法。此方法需要一个图像对象和一个起始点坐标作为参数,其
中起始点坐标是相对于canvas的左上角的位置。如:
context.drawImage(imageObj, x, y);
效果图
代码
}
#myCanvas {
border: 1px solid #9C9898;
}
window.onload = function() {
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d"); var imageObj = new Image();
imageObj.onload = function() { context.drawImage(imageObj, 69, 50);
};
imageObj.src =
"http://www.html5canvastutorials.com/demos/assets/darth-vader.jpg"; };
关于图像的说明
由于 drawImage() 方法需要一个图像对象作为参数,所以我们需要在实