2013-07-14 112 views
0

我使用KineticJs庫在畫布上繪製很多幀。 我正在爲每一幀創建一個帶有相關圖像源的新JavaScript圖像對象,並在圖像加載後在畫布上設置新圖像。Javascript圖像加載緩慢的ipad

我發現它需要約22ms的時間才能在chrome和ipad safari上運行約600ms ......這是一個很大的區別,有沒有人經歷過這樣的行爲,並且沒有人對我們如何克服這個問題有所瞭解?例如,也許我可以強制ipad使用它的GPU。

任何迴應將不勝感激。

+0

圖片有多大?你的畫布尺寸是多少?在iPad上,大於1024x768的畫布會顯着降低渲染速度。 – kalley

+0

我想出了大量的加載時間是由於javascript單線程上下文切換以及通過過濾一些不必要的鼠標移動操作,我設法降低了這個加載時間,但PC和ipad之間的差異仍然很大。\ – Doron

+0

大多數的iPad屏幕是畫布,我正在繪製高質量的圖像,我從服務器以base64格式獲得。我在想,如果網絡工作者可以在這種情況下以某種方式幫助我,但我明白我不能在網絡工作者內部創建圖像對象...嗯,任何建議... – Doron

回答

0

This page says that iPad cuts off loading images at 6.5mb。我不確定這是否仍然如此,但我確實已經注意到6.5 mb之前的節流。

由於我使用的是照片卷軸,我所做的是將圖像名稱加載到隱藏的html字段中,然後在滾動條顯示下一個圖像前2.5秒將下一圖像加載到隱藏圖像標籤中。當然,您也可以在JavaScript數組中加載圖像名稱。如果仍然感興趣,我可以提供代碼片段...