善用 2D 畫布的 GPU 加速功能

Ilmari Heikkinen

2 月時,Chrome 的 2D 畫布獲得了一些硬體加速功能。由於實作方式是使用 GPU 執行 drawImage,因此加速功能可讓 2D 圖像快速繪製。

如要瞭解加速功能可用於哪些類型的應用程式,請參閱這個範例。這個示範會在整個視窗的畫布上繪製 180 個經過轉換的 256x256 PNG 圖像,並對這些圖像執行 N 體模擬,讓圖像彼此互相吸引。在低耗電筆記型電腦上,所有內容都能以每秒 30 到 60 張的幀數流暢運作。

加速功能的實作仍有待改進之處,因此在某些用途下,您可能會發現效能下降 (請透過 new.crbug.com 告知 Chrome 團隊,以便我們修正這些問題)!