已解決430363個問題，去搜搜看，總會有你想問的

js中，在使用img對象 img.onload 處理多張圖片解決方案

首頁猿問 js中，在使用img對象...

js中，在使用img對象 img.onload 處理多張圖片解決方案

Html/CSS Html5 JavaScript

LeJo 2016-05-10 10:45:21

目前要使用 canvas 進行繪圖，但是要加載多張圖片資源，使用了js的圖片對象進行處理var?img?=?new?Image(); img.src?=?""; img.onload?=?function(){ ????//todosomething } //code一張圖片還好，可以在 todosomething 里面完成，恕我愚昧多張圖片怎么解決加載問題，在圖片加載完成后才開始繪畫謝謝大神指點

查看完整描述

3 回答

已采納

花滿樓的小前端a

TA貢獻79條經驗獲得超33個贊

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包含所有圖片的尺寸
//簡單的寫了下，沒做錯誤處理，需要的話，可以適當的加上去

反對回復 2016-05-11

3 回答
1 關注
7218 瀏覽

關注

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

js中，在使用img對象 img.onload 處理多張圖片解決方案

js中，在使用img對象 img.onload 處理多張圖片解決方案

3 回答

相關問題推薦

添加回答

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

js中，在使用img對象 img.onload 處理多張圖片解決方案

js中，在使用img對象 img.onload 處理多張圖片解決方案

3 回答

相關問題推薦

添加回答

js中，在使用img對象 img.onload 處理多張圖片解決方案