本文实例为大家分享了HTML5 canvas绘制图片的具体代码,供大家参考,具体内容如下
demo.js
window.οnlοad=function() {
createcanvas();
drawImage();
}
function createcanvas() {
var CANVAS=document.getElementById('mycanvas');
context=CANVAS.getContext('2d');
}
function drawImage() {
var img=new Image();
img.οnlοad=function() {
context.drawImage(img,0,0,200,200 );
}
img.src="img5.jpg";
}
demo.html
canvas你的浏览器不支持canvas
图片:
效果:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
时间: 2017-09-06