本文關(guān)鍵詞：基于WebGL的Canvas元素2D繪制加速，，由筆耕文化傳播整理發(fā)布。

【摘要】：HTML5中的Canvas元素極大地豐富了網(wǎng)頁(yè)所能呈現(xiàn)的圖像信息。Canvas元素具有兩種繪圖模式:Canvas2D接口類(lèi)似于畫(huà)布,用于渲染2D內(nèi)容,使用簡(jiǎn)單,可由瀏覽器負(fù)責(zé)硬件加速;WebGL接口類(lèi)似于OpenGL-ES,負(fù)責(zé)渲染3d場(chǎng)景,使用復(fù)雜,但可以直接使用硬件。當(dāng)繪制的2D基本圖元數(shù)量較多時(shí),實(shí)時(shí)性要求高時(shí),Canvas2D接口性能不足。本文將以WebGL為基礎(chǔ),提出一種優(yōu)化思想,通過(guò)緩沖技術(shù)、常量屬性化技術(shù)、幀間緩存技術(shù)、DMA技術(shù),加速不同2D基本圖元的繪制。本文對(duì)不同的2D圖元繪制方式性能進(jìn)行對(duì)比實(shí)驗(yàn),證實(shí)以WebGL加速Canvas的2D繪制是可行并且有效的,并且給出一個(gè)實(shí)際應(yīng)用實(shí)例。
【作者單位】： 華北計(jì)算技術(shù)研究所地理信息與圖形圖像技術(shù)研發(fā)中心;
【關(guān)鍵詞】： 計(jì)算機(jī)圖形學(xué) WebGL繪制 設(shè)計(jì)與實(shí)現(xiàn) 高性能渲染 HTML
【分類(lèi)號(hào)】：TP391.72;TP393.092
【正文快照】： 0引言隨著HTML5的普及,網(wǎng)頁(yè)可以承載更多以往桌面或移動(dòng)客戶端的內(nèi)容。Canvas是HTML5引入的新畫(huà)布元素,開(kāi)發(fā)者可以用Java Script腳本在該元素上繪制任意圖形。Canvas本身不具備畫(huà)圖屬性,而是通過(guò)獲取Canvas中的繪制上下文(Rendering Context),利用繪制上下文實(shí)現(xiàn)繪制。目前有

【參考文獻(xiàn)】

中國(guó)期刊全文數(shù)據(jù)庫(kù) 前2條

1 劉琪;遲賢書(shū);;OpenGL與OpenGL ES在開(kāi)發(fā)過(guò)程中的異同[J];遼寧工程技術(shù)大學(xué)學(xué)報(bào)(自然科學(xué)版);2008年02期

2 田金琴;丁紅勝;;基于OpenGL程序設(shè)計(jì)的優(yōu)化探討[J];計(jì)算機(jī)系統(tǒng)應(yīng)用;2006年10期

【共引文獻(xiàn)】

中國(guó)期刊全文數(shù)據(jù)庫(kù) 前7條

1 姚曉通;高宇;蔣占軍;;基于Andriod系統(tǒng)的USB數(shù)據(jù)采集系統(tǒng)設(shè)計(jì)與研究[J];計(jì)算機(jī)應(yīng)用與軟件;2016年12期

2 王洪;趙翠蓮;范志堅(jiān);楊志高;;Android平臺(tái)上肌電虛擬訓(xùn)練系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J];計(jì)算機(jī)工程與設(shè)計(jì);2015年07期

3 馬杰;王晶;黃秋萍;;OpenGL ES在Android平臺(tái)上3D繪圖的兩種方式分析與實(shí)現(xiàn)[J];硅谷;2013年12期

4 林梅燕;楊盛國(guó);彭井花;;嵌入式快速3D界面框架的設(shè)計(jì)與實(shí)現(xiàn)[J];福建師大福清分校學(xué)報(bào);2012年05期

5 許小穎;張志偉;;基于OpenGL通用性視景區(qū)的設(shè)置研究[J];微計(jì)算機(jī)信息;2012年06期

6 石書(shū)浩;張潔;呂品;鄭昌文;;模擬演練態(tài)勢(shì)回放系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J];計(jì)算機(jī)工程與設(shè)計(jì);2012年03期

7 沈永增;劉東岳;徐均;;基于八叉樹(shù)的虛擬場(chǎng)景管理器的設(shè)計(jì)與實(shí)現(xiàn)[J];計(jì)算機(jī)系統(tǒng)應(yīng)用;2012年03期

【二級(jí)參考文獻(xiàn)】

中國(guó)期刊全文數(shù)據(jù)庫(kù) 前4條

1 楊日容,楊承志,楊曉洪;基于OpenGL的ActiveX控件的實(shí)現(xiàn)[J];昆明理工大學(xué)學(xué)報(bào)(理工版);2005年01期

2 孟紅;孫勁光;羅超;;基于OpenGL的圖形處理技術(shù)[J];遼寧工程技術(shù)大學(xué)學(xué)報(bào);2004年S1期

3 劉洋;孫勁光;劉穎;;NURBS構(gòu)造N邊域曲面方法[J];遼寧工程技術(shù)大學(xué)學(xué)報(bào);2004年S1期

4 崔彩峰;孫勁光;趙亮;;一種基于重新劃分的三角形網(wǎng)格簡(jiǎn)化方法[J];遼寧工程技術(shù)大學(xué)學(xué)報(bào);2004年S1期

【相似文獻(xiàn)】

中國(guó)期刊全文數(shù)據(jù)庫(kù) 前10條

1 楊鵬;蘆陽(yáng);;HTML5的發(fā)展與移動(dòng)互聯(lián)網(wǎng)的前景[J];電腦編程技巧與維護(hù);2013年10期

2 劉國(guó)紅;;HTML5在移動(dòng)互聯(lián)網(wǎng)開(kāi)發(fā)中的應(yīng)用[J];科技廣場(chǎng);2014年04期

3 李偉;;HTML5技術(shù)在電子商務(wù)專(zhuān)業(yè)課程改革中的授課方法探討[J];電腦知識(shí)與技術(shù);2013年05期

4 鐘波清;;HTML5在移動(dòng)互聯(lián)網(wǎng)中的應(yīng)用[J];中國(guó)科技信息;2013年18期

5 許劍超;;為HTML5早做準(zhǔn)備[J];程序員;2010年03期

6 Andy Gryc;Kerry Johnson;;為何汽車(chē)制造商需要關(guān)注HTML5[J];世界電子元器件;2012年01期

7 李沂橋;;淺談HTML5的特征及發(fā)展[J];河南科技;2014年08期

8 嚴(yán)偉中;;關(guān)于HTML5的核心技術(shù)研究與應(yīng)用[J];網(wǎng)絡(luò)安全技術(shù)與應(yīng)用;2014年03期

9 徐向群;徐兆佳;黃艷;;HTML5實(shí)現(xiàn)圖書(shū)館資源離線閱讀的探討[J];教育教學(xué)論壇;2013年27期

10 孫松柏;Ali Abbasi;諸葛建偉;段海新;王珩;;HTML5安全研究[J];計(jì)算機(jī)應(yīng)用與軟件;2013年03期

中國(guó)重要會(huì)議論文全文數(shù)據(jù)庫(kù) 前2條

1 曾勇;;LTE時(shí)代運(yùn)營(yíng)商HTML5手機(jī)瀏覽器發(fā)展策略審視[A];寬帶中國(guó)戰(zhàn)略與創(chuàng)新學(xué)術(shù)研討會(huì)（30）論文集[C];2012年

2 王汗青;陶錚;;初探混合電視的發(fā)展與展望[A];中國(guó)新聞技術(shù)工作者聯(lián)合會(huì)第六次會(huì)員代表大會(huì)、2014年學(xué)術(shù)年會(huì)暨第七屆《王選新聞科學(xué)技術(shù)獎(jiǎng)》和優(yōu)秀論文頒獎(jiǎng)大會(huì)論文集（一等獎(jiǎng)）[C];2014年

中國(guó)重要報(bào)紙全文數(shù)據(jù)庫(kù) 前10條

1 本報(bào)記者 杜峰;HTML5手機(jī)增勢(shì)迅猛 普及需破技術(shù)與標(biāo)準(zhǔn)瓶頸[N];通信信息報(bào);2011年

2 本報(bào)記者 湯潯芳;爭(zhēng)搶HTML5先機(jī) 手機(jī)瀏覽器上位大戰(zhàn)[N];21世紀(jì)經(jīng)濟(jì)報(bào)道;2012年

3 工業(yè)和信息化部信息通信安全研究所 封莎;HTML5安全：移動(dòng)互聯(lián)網(wǎng)時(shí)代的下一個(gè)關(guān)注點(diǎn)[N];人民郵電;2013年

4 ;HTML5新功能引發(fā)新的安全問(wèn)題[N];網(wǎng)絡(luò)世界;2010年

5 電信研究院 劉濤;HTML5是運(yùn)營(yíng)商對(duì)抗OTT的機(jī)會(huì)[N];通信產(chǎn)業(yè)報(bào);2013年

6 本報(bào)記者 王彥彬;HTML5唱出中國(guó)好聲音[N];通信產(chǎn)業(yè)報(bào);2012年

7 沈建苗　編譯;警惕HTML5引發(fā)新的安全問(wèn)題[N];計(jì)算機(jī)世界;2010年

8 商報(bào)記者 張緒旺;HTML5催漲網(wǎng)頁(yè)應(yīng)用威脅蘋(píng)果生態(tài)[N];北京商報(bào);2012年

9 本報(bào)記者 王哲瑋;HTML5在實(shí)踐中走向成熟[N];計(jì)算機(jī)世界;2012年

10 商報(bào)記者 張緒旺;HTML5游戲潮將推手機(jī)瀏覽器洗牌[N];北京商報(bào);2012年

中國(guó)碩士學(xué)位論文全文數(shù)據(jù)庫(kù) 前10條

1 吳文杰;基于HTML5技術(shù)的手機(jī)點(diǎn)餐系統(tǒng)設(shè)計(jì)與開(kāi)發(fā)[D];復(fù)旦大學(xué);2013年

2 趙榮鑫;基于HTML5技術(shù)的品牌營(yíng)銷(xiāo)頁(yè)面的交互設(shè)計(jì)研究[D];北京交通大學(xué);2016年

3 胡流冰川;國(guó)內(nèi)HTML5廣告表現(xiàn)策略研究[D];暨南大學(xué);2016年

4 周瑜Z

本文編號(hào)：500947