luofuzhan 2014-09-18 04:56
浏览 1351

关于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);


  • 写回答

0条回答

    报告相同问题?

    悬赏问题

    • ¥15 如何在scanpy上做差异基因和通路富集?
    • ¥20 关于#硬件工程#的问题,请各位专家解答!
    • ¥15 关于#matlab#的问题:期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707,使系统具有较小的超调量
    • ¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
    • ¥30 截图中的mathematics程序转换成matlab
    • ¥15 动力学代码报错,维度不匹配
    • ¥15 Power query添加列问题
    • ¥50 Kubernetes&Fission&Eleasticsearch
    • ¥15 報錯:Person is not mapped,如何解決?
    • ¥15 c++头文件不能识别CDialog