首页新闻找找看学习计划

js image 对象加载是怎样的

0
悬赏园豆:5 [已解决问题] 解决于 2018-10-11 10:16

今天在做canvas的时候,注意到,如果想使用drawImage()这个函数,图像必须是已经加载完成的。倘若我在开始使用js声明了2个image对象如下:
var img_1 = new Image();
img_1.src = "1.jpg";
var img_2 = new Image();
img_2.src = "2.jpg";
那我在后面如果想让这两张图片在canvas中显示出来,我只需要确定其中一张图片已经加载完成(注:保证2张图片都能成功加载的状况下)
img_1.onload = function(){
canvas.drawImage(img_2, 0, 0);
}
同样是可以显示的,这也就说明了img_2对象已经加载完成了,所以我想知道游览器对js中声明的image对象是怎样的一个加载,是一张加载完成就全部加载完成了么?新手学习中,如果我理解有错误,希望大神勿喷

风~停了的主页 风~停了 | 菜鸟二级 | 园豆:213
提问于:2018-10-02 17:20
< >
分享
最佳答案
0

img_1.src = "1.jpg";
在這裡就已經在加載了

加載是有順序的
但瀏覽器同時可以有不只一個請求
只有兩張圖片(且圖片都不大)時
同時發送請求
會讓你產生錯覺以為一張完成就都完成了

可以試試多加載幾張
在瀏覽器開發者工具的Network裡看看實際加載情況
會對你更有幫助喔

收获园豆:5
RosonJ | 老鸟四级 |园豆:3279 | 2018-10-04 17:32
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册