首頁(yè) 猿問 js中，在使用img對(duì)象...

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

Html/CSS Html5 JavaScript

LeJo 2016-05-10 10:45:21

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

查看完整描述

3 回答

已采納

花滿樓的小前端a

TA貢獻(xiàn)79條經(jīng)驗(yàn) 獲得超33個(gè)贊

//

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?圖片地址的數(shù)組
//suc??全部加載后回調(diào)一個(gè)JSON包含所有圖片的尺寸
//簡(jiǎn)單的寫了下，沒做錯(cuò)誤處理，需要的話，可以適當(dāng)?shù)募由先?/pre>

反對(duì) 回復(fù) 2016-05-11

3 回答
1 關(guān)注
7233 瀏覽

關(guān)注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

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

3 回答

相關(guān)問題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

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

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

3 回答

相關(guān)問題推薦

添加回答

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

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