2013-05-15 56 views
0

我很想知道在舞臺上可能有100個位圖元素的情況下的性能。位圖構造函數的URL VS圖像,如何決定?

如果我使用構造URL的位圖,每一個都將位圖試圖從該URL下載圖像文件,而不管事實,即他們都使用相同的圖片網址是什麼?

而且,如果我用圖像來構建這些位圖,我將要下載的圖像只有一次,所以,所有的位圖將使用相同的圖像?那麼,何時使用該URL?

如果有人澄清了長期的內存和帶寬利用率,何時使用每個兩種方法之間的區別我將不勝感激?

回答

0

的URL只要求一次,不管你多久創建位圖使用相同的URL,所以它不會使從這一角度的差異。

但是,不同之處在於,如果您第一次使用URL來實例化位圖,您(很可能)必須等待圖像加載完畢,然後更新舞臺以顯示它。

更新:我做了一個快速jsfiddle:http://bit.ly/10Xavkf如果你看看網絡標籤,你可以看到圖像只被請求一次。

+0

謝謝你,所以不存在從存儲的角度有區別嗎? – simo

+0

不,內存視角應該是所有問題中最少的,因爲您的瀏覽器將會/應該注意不要使用相同的URL緩存圖像兩次。 - 但是,如果您創建了100個位圖實例,那麼如果您預加載了該圖像,則這是慣例和更好的代碼。 – olsn

+0

感謝澄清,順便說一句,我發現,使用圖像比使用URL更加堅固,專爲IE瀏覽器,有時我不得不使用加載圖像,而不是網址,使其工作,甚至鍍鉻.. – simo