Question

html5 canvas的drawImage，如果有一堆图片，名字分别是0,1,2,3。。怎么用javascript把每张图片给读出来

我的想法是这样的。但是不行。。出了什么问题？应该怎样弄？ var imgId=0;// function draw(){ drawImg() imgId++; } function drawImg(){ cxt.clearRect(0,0,500,500) var img=new Image(); img.src=imgId+'.png'; cxt.drawImage(img,0,0); }然后<input type=button value="start" onClick="draw()">

Answer 1

html加载文件是异步的
var img=new Image(); img.src=imgId+'.png';这时候还没加载上来呢！

你要监听img的onload事件，加载完了会触发这个事件
img.onload = function(){........}