2 luofuzhan luofuzhan 于 2014.09.18 12:56 提问

关于html5 canvas 绘图动画的问题,我要实现把一张图片绘制在canvas中,然后使其动起来

情况说明: 图像可以绘制,但是使用setInterval以后就一闪而过,然后没有图像;了

<!doctype html>


我的图片


// 设置绘图环境 var myMap = document.getElementById("Map"); var cxt=myMap.getContext('2d'); // 设置图像位置初始位置的变量 var x=20; var y=20; // 创建绘图对象,并且画出来 var img =new Image(); img.src="image/gun.png"; draw(); function draw() { cxt.clearRect(0,0,500,500); x+=10; y+=50; img.onload=function() { cxt.drawImage(img,x,y,80,80); } } window.setInterval("draw()",100);


Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!