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 Matlab问题解答有两个问题
    • ¥50 Oracle Kubernetes服务器集群主节点无法访问,工作节点可以访问
    • ¥15 LCD12864中文显示
    • ¥15 在使用CH341SER.EXE时不小心把所有驱动文件删除了怎么解决
    • ¥15 gsoap生成onvif框架
    • ¥15 有关sql server business intellige安装,包括SSDT、SSMS。
    • ¥15 stm32的can接口不能收发数据
    • ¥15 目标检测算法移植到arm开发板
    • ¥15 利用JD51设计温度报警系统
    • ¥15 快手联盟怎么快速的跑出建立模型