改善HTML5畫布圖片加載

因此，我創建了一個遊戲並決定使用地圖的畫布。該地圖是大圖片500kb +（6400x6400px），畫布大小爲320x320，因此我一次只顯示部分圖片，並在點擊按鈕時重新加載頁面。改善HTML5畫布圖片加載

因此，首先我想問如何才能停止畫布重新加載每個頁面上的圖像刷新時，它只改變顯示的部分而不是圖像？其次，我怎樣才能使裝載更快/更高效？我可以只加載圖像的顯示部分嗎？歡迎任何性能技巧，我可以根據需要操縱圖像。

2011-07-13 Clueless

您是否在'drawImage'中指定了寬度和高度參數？例如：'ctx.drawImage（'foo.png'，0，0，320，320）'這應該有助於提高性能。 – kangax

是的，cxt.drawImage（img，0,0,320,320,0,0,320,320）; – Clueless

2011-07-13 07:44:21 bjornd

1.因爲我需要顯示數據庫更新。這是一個選擇，但我想知道是否有另一種方法。 – Clueless

好的，這是一個答案的開始......在目前的形式下，它只給@毫無線索的線索。你能否再舉一步或兩步，給出一個例子或指向一些示例代碼，說明如何去做你的建議？ – slugster

您可以使用AJAX加載它們而不需要頁面中繼。 – bjornd

回答