畫布背景性能

這很簡單，我想通過使用畫布生成對角線圖案而不是背景圖像來提高我的頁面的性能。我應該這樣做嗎？爲什麼？畫布背景性能

2014-02-28 Geoffrey-ap

如果您顯示的是靜態內容，速度會更慢並且更加鈍。並做了完全不同的事情，前者用於使用JavaScript的動態圖形，後者用於從URI中檢索靜態圖像。

瀏覽器傾向於爲HTML加載時加載IMG源進行優化：因此您會在頁面完全加載之前看到圖像。另一方面，Canvas將依賴於正在加載的DOM，所以（通常）在DOMContentLoaded事件觸發之前不會加載。除此之外，創建Canvas上下文的延遲以及內存要求，如果圖像真的是靜態的，它幾乎肯定不是你想要的。

如果你想對圖像做一些幻想，爲什麼不把圖像加載到IMG標籤中，然後將其轉換爲一旦加載進行轉換的畫布？

來源

2014-02-28 11:03:57

畫布背景性能

回答

相關問題