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

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

【參考文獻(xiàn)】

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

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

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

【共引文獻(xiàn)】

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

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

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

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

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

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

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

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

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

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

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

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

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

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

【相似文獻(xiàn)】

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

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

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

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

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

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

6 Andy Gryc;Kerry Johnson;;為何汽車制造商需要關(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)圖書館資源離線閱讀的探討[J];教育教學(xué)論壇;2013年27期

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

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

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

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

中國重要報紙全文數(shù)據(jù)庫 前10條

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4 周瑜Z

本文編號：500947