html5 – 在html画布上移动图像

作者：管理员

发布时间：2021/7/30 20:02:38

评论数：0

转载请自觉注明原文：http://www.jq-school.com/Show.aspx?id=5187

　　我试图将图像从右侧移动到中心,我不确定这是否是最佳方式.


　　var imgTag = null;


　　var x = 0;


　　var y = 0;


　　var id;


　　function doCanvas()


　　{


　　var canvas = document.getElementById('icanvas');


　　var ctx = canvas.getContext("2d");


　　var imgBkg = document.getElementById('imgBkg');


　　imgTag = document.getElementById('imgTag');


　　ctx.drawImage(imgBkg,0);


　　x = canvas.width;


　　y = 40;


　　id = setInterval(moveImg,0.25);


　　}


　　function moveImg()


　　{


　　if(x <= 250)


　　clearInterval(id);


　　var canvas = document.getElementById('icanvas');


　　var ctx = canvas.getContext("2d");


　　ctx.clearRect(0,canvas.width,canvas.height);


　　var imgBkg = document.getElementById('imgBkg');


　　ctx.drawImage(imgBkg,0);


　　ctx.drawImage(imgTag,x,y);


　　x = x - 1;


　　}






关键字：jquery