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

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

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

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