Android系統(tǒng)中HTML5 Canvas硬件加速技術分析與優(yōu)化.pdf

1、隨著系統(tǒng)芯片技術和無線通信技術的迅猛發(fā)展，整個社會進入了移動互聯(lián)網(wǎng)時代。伴隨著移動互聯(lián)網(wǎng)浪潮，Android系統(tǒng)憑借開源特性和良好的生態(tài)環(huán)境成為當今應用最廣泛的移動操作系統(tǒng)。而在移動互聯(lián)網(wǎng)時代，人們對網(wǎng)頁瀏覽體驗的要求越來越高，網(wǎng)頁內容也在朝著富媒體的方向發(fā)展，這給瀏覽器引擎的網(wǎng)頁渲染帶來了更大的壓力。
　　HTML5標準中新增了用于網(wǎng)頁圖形繪制的Canvas標簽，Canvas標簽配合JavaScript可以支持圖片、文字、幾何圖

2、形等內容的渲染。對于Canvas標簽中各個繪圖接口的性能問題，本文通過在龍芯2H和OK210開發(fā)板上的實測發(fā)現(xiàn)，GPU繪制圖片的效率比CPU高，而CPU繪制幾何圖形的效率卻比GPU高。由于原生Android系統(tǒng)目前只支持單純采用CPU或單純采用GPU來繪制Canvas標簽中圖形，所以并不能充分利用CPU和GPU各自的性能優(yōu)勢。本文在深入分析Android圖形系統(tǒng)和WebKit引擎工作原理的基礎上，提出并實現(xiàn)了一套CPU和GPU共同參與的

3、組合繪制方案，即圖片相關的繪制操作交給GPU處理，其余的圖形繪制操作交給CPU處理。本文為HTML5網(wǎng)頁新建了一個渲染后端，使CPU和GPU都擁有獨立的渲染后端，并通過SurfaceFlinger將兩者的渲染結果合成后再進行顯示。
　　本文的優(yōu)化方案在龍芯2H開發(fā)板和OK210開發(fā)板上分別進行了驗證。CanvasPerf的測試結果顯示，優(yōu)化方案相比單純采用CPU進行圖片繪制效率提升超過20％，相比單純采用GPU進行幾何圖形繪制效率