记录用canvas添加图片时,遇到的一个小问题
按正常方式使用canvas图片
//创建一个画布
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
//画布上添加img元素
var img=new Image();
//设置图片起始位置,缩放比
ctx.drawImage(img,0,0,300,150);
img.src="images/background.png"
无显示,用$nextTick设置延时加载,无用。。。
需要确认img元素添加进去才可以绘画
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
var img=new Image();
img.onload = function(){
// 将图片画到canvas上面上去!
ctx.drawImage(img,0,0,300,150);
}
img.src="images/background.png"