[問題] 如何判斷圖片全部讀取完成?
如題,這兩天看到有關canvas的文章,
想說可以試著拿來做個小遊戲
所以我試著用drawImage繪製圖片到畫布上
但有一個問題是
必須要等圖片讀取完,才有辦法呼叫drawImage繪製圖片到canvas上
所以我把繪製圖片函數掛在Image()物件的onload上
到這邊都還能正常運作
但當我試圖加入第二個圖片時,問題就來了,
因為onload是非同步事件,
所以添加事件跟讀取完成,
呼叫事件的順序不一定是一樣的
結果有時原本應該要被畫在上面的圖案,反而跑到下面去
http://jsfiddle.net/mmis1000/7bJHP/6/
(ie不支援跨域請求,會看不到)
造成顯示的結果跟預期不一樣
所以我想問的是,除了自己刻以外,
有沒有什麼現成的函數庫,
可以做到,
當指定追蹤的物件都讀取完成時,
呼叫特定的函數,這樣的功能?
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.116.130.56
推
12/17 20:39, , 1F
12/17 20:39, 1F
→
12/17 20:44, , 2F
12/17 20:44, 2F
→
12/17 20:45, , 3F
12/17 20:45, 3F
→
12/17 20:54, , 4F
12/17 20:54, 4F
推
12/17 20:55, , 5F
12/17 20:55, 5F
→
12/17 20:55, , 6F
12/17 20:55, 6F
→
12/17 20:55, , 7F
12/17 20:55, 7F
→
12/17 21:05, , 8F
12/17 21:05, 8F
→
12/17 21:09, , 9F
12/17 21:09, 9F
→
12/17 21:20, , 10F
12/17 21:20, 10F
→
12/17 21:21, , 11F
12/17 21:21, 11F
→
12/18 00:25, , 12F
12/18 00:25, 12F
→
12/18 00:45, , 13F
12/18 00:45, 13F
→
12/18 01:28, , 14F
12/18 01:28, 14F