js中，在使用img对象 img.onload 处理多张图片解决方案

Question

目前要使用 canvas 进行绘图，但是要加载多张图片资源，使用了js的图片对象进行处理

var img = new Image();
img.src = "";
img.onload = function(){
    //todosomething
}

//code

一张图片还好，可以在 todosomething 里面完成，恕我愚昧

多张图片怎么解决加载问题，在图片加载完成后才开始绘画

谢谢大神指点

Answer 1

//function getImages(srcs,suc){     var c=0,infos=[];         for(var i=0;i<srcs.length;i++){         (function loadimg(url){             var img=new Image();             img.onload=function(){                 if(this.complete){                     c++;                     infos.push({                         w:this.width,                         h:this.height                     });                     c==srcs.length&&suc&&suc(infos);                 }             }             img.src=url;         })(srcs[i]);     } } //srcs 图片地址的数组 //suc  全部加载后回调一个JSON包含所有图片的尺寸 //简单的写了下，没做错误处理，需要的话，可以适当的加上去