HTML5 Canvas是最廣泛支援的2D即時模式圖形WEB标準，是基于HTML5的多媒體、可視化、遊戲等應用的基礎。是以，Canvas的性能優化有助于幾乎所有HTML5應用的性能提升，且能有效地節省CPU使用率，這一性能名額對于大螢幕的裝置非常重要。
chrome for android在android4.0上已經實作了canvas硬體加速, 從samsung i9100測試成績上看, 和iphone4差距僅有20%(還沒有找到iphone5, 以後有錢了買個, 相信它的成績會更好). 不過在原生browser的實作上, 并沒有啟用canvas硬體加速, FishTank的成績隻有可憐的5 fps, 在porting canvas硬體加速feature到native webkit後, 可以看到成績可以達到了24fps, 提升效果還是不錯的.
在這個優化中，通過在webkit中實作GPU的圖像渲染和圖層合成接口層，來替換原生Canvas基于skia的實作政策，有效減少圖像記憶體拷貝，減少CPU使用率，大幅度提高了圖像的渲染、合成和繪制的性能。通過微軟官方提供的測試程式：FishIETank(http://ie.microsoft.com/testdrive/Performance/FishIETank/)，可以看到優化過的HTML5性能至少提升了150%, 當然bug還是有的, 待解.
sw platform: Android 4.0.3
hardware platform: samsung i9100
screenshot when canvas-no-hardware-accelerated
screenshot when canvas-enable-hardware-accelerated
轉載于:https://www.cnblogs.com/webkitForAndroid/archive/2013/03/03/2941793.html