这篇文章主要为大家详细介绍了js html5 canvas绘制图片的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了HTML5 canvas绘制图片的具体代码,供大家参考,具体内容如下
demo.js
window.onload=function() {
createcanvas();
drawImage();
}
function createcanvas() {
var CANVAS=document.getElementById('mycanvas');
context=CANVAS.getContext('2d');
}
function drawImage() {
var img=new Image();
img.onload=function() {
context.drawImage(img,0,0,200,200 );
}
img.src="img5.jpg";
}
demo.html
立即学习“前端免费学习笔记(深入)”;
canvas
图片:

效果:

相关推荐:











