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包含所有图片的尺寸
//简单的写了下，没做错误处理，需要的话，可以适当的加上去