基于WebGL的Canvas元素2D绘制加速

发布时间：2017-06-30 07:04

  本文关键词：基于WebGL的Canvas元素2D绘制加速，，由笔耕文化传播整理发布。

【摘要】：HTML5中的Canvas元素极大地丰富了网页所能呈现的图像信息。Canvas元素具有两种绘图模式:Canvas2D接口类似于画布,用于渲染2D内容,使用简单,可由浏览器负责硬件加速;WebGL接口类似于OpenGL-ES,负责渲染3d场景,使用复杂,但可以直接使用硬件。当绘制的2D基本图元数量较多时,实时性要求高时,Canvas2D接口性能不足。本文将以WebGL为基础,提出一种优化思想,通过缓冲技术、常量属性化技术、帧间缓存技术、DMA技术,加速不同2D基本图元的绘制。本文对不同的2D图元绘制方式性能进行对比实验,证实以WebGL加速Canvas的2D绘制是可行并且有效的,并且给出一个实际应用实例。
【作者单位】： 华北计算技术研究所地理信息与图形图像技术研发中心;
【关键词】： 计算机图形学 WebGL绘制 设计与实现 高性能渲染 HTML
【分类号】：TP391.72;TP393.092
【正文快照】： 0引言随着HTML5的普及,网页可以承载更多以往桌面或移动客户端的内容。Canvas是HTML5引入的新画布元素,开发者可以用Java Script脚本在该元素上绘制任意图形。Canvas本身不具备画图属性,而是通过获取Canvas中的绘制上下文(Rendering Context),利用绘制上下文实现绘制。目前有

【参考文献】

中国期刊全文数据库 前2条

1 刘琪;迟贤书;;OpenGL与OpenGL ES在开发过程中的异同[J];辽宁工程技术大学学报(自然科学版);2008年02期

2 田金琴;丁红胜;;基于OpenGL程序设计的优化探讨[J];计算机系统应用;2006年10期

【共引文献】

中国期刊全文数据库 前7条

1 姚晓通;高宇;蒋占军;;基于Andriod系统的USB数据采集系统设计与研究[J];计算机应用与软件;2016年12期

2 王洪;赵翠莲;范志坚;杨志高;;Android平台上肌电虚拟训练系统设计与实现[J];计算机工程与设计;2015年07期

3 马杰;王晶;黄秋萍;;OpenGL ES在Android平台上3D绘图的两种方式分析与实现[J];硅谷;2013年12期

4 林梅燕;杨盛国;彭井花;;嵌入式快速3D界面框架的设计与实现[J];福建师大福清分校学报;2012年05期

5 许小颖;张志伟;;基于OpenGL通用性视景区的设置研究[J];微计算机信息;2012年06期

6 石书浩;张洁;吕品;郑昌文;;模拟演练态势回放系统的设计与实现[J];计算机工程与设计;2012年03期

7 沈永增;刘东岳;徐均;;基于八叉树的虚拟场景管理器的设计与实现[J];计算机系统应用;2012年03期

【二级参考文献】

中国期刊全文数据库 前4条

1 杨日容,杨承志,杨晓洪;基于OpenGL的ActiveX控件的实现[J];昆明理工大学学报(理工版);2005年01期

2 孟红;孙劲光;罗超;;基于OpenGL的图形处理技术[J];辽宁工程技术大学学报;2004年S1期

3 刘洋;孙劲光;刘颖;;NURBS构造N边域曲面方法[J];辽宁工程技术大学学报;2004年S1期

4 崔彩峰;孙劲光;赵亮;;一种基于重新划分的三角形网格简化方法[J];辽宁工程技术大学学报;2004年S1期

【相似文献】

中国期刊全文数据库 前10条

1 杨鹏;芦阳;;HTML5的发展与移动互联网的前景[J];电脑编程技巧与维护;2013年10期

2 刘国红;;HTML5在移动互联网开发中的应用[J];科技广场;2014年04期

3 李伟;;HTML5技术在电子商务专业课程改革中的授课方法探讨[J];电脑知识与技术;2013年05期

4 钟波清;;HTML5在移动互联网中的应用[J];中国科技信息;2013年18期

5 许剑超;;为HTML5早做准备[J];程序员;2010年03期

6 Andy Gryc;Kerry Johnson;;为何汽车制造商需要关注HTML5[J];世界电子元器件;2012年01期

7 李沂桥;;浅谈HTML5的特征及发展[J];河南科技;2014年08期

8 严伟中;;关于HTML5的核心技术研究与应用[J];网络安全技术与应用;2014年03期

9 徐向群;徐兆佳;黄艳;;HTML5实现图书馆资源离线阅读的探讨[J];教育教学论坛;2013年27期

10 孙松柏;Ali Abbasi;诸葛建伟;段海新;王珩;;HTML5安全研究[J];计算机应用与软件;2013年03期

中国重要会议论文全文数据库 前2条

1 曾勇;;LTE时代运营商HTML5手机浏览器发展策略审视[A];宽带中国战略与创新学术研讨会（30）论文集[C];2012年

2 王汗青;陶铮;;初探混合电视的发展与展望[A];中国新闻技术工作者联合会第六次会员代表大会、2014年学术年会暨第七届《王选新闻科学技术奖》和优秀论文颁奖大会论文集（一等奖）[C];2014年

中国重要报纸全文数据库 前10条

1 本报记者 杜峰;HTML5手机增势迅猛 普及需破技术与标准瓶颈[N];通信信息报;2011年

2 本报记者 汤浔芳;争抢HTML5先机 手机浏览器上位大战[N];21世纪经济报道;2012年

3 工业和信息化部信息通信安全研究所 封莎;HTML5安全：移动互联网时代的下一个关注点[N];人民邮电;2013年

4 ;HTML5新功能引发新的安全问题[N];网络世界;2010年

5 电信研究院 刘涛;HTML5是运营商对抗OTT的机会[N];通信产业报;2013年

6 本报记者 王彦彬;HTML5唱出中国好声音[N];通信产业报;2012年

7 沈建苗　编译;警惕HTML5引发新的安全问题[N];计算机世界;2010年

8 商报记者 张绪旺;HTML5催涨网页应用威胁苹果生态[N];北京商报;2012年

9 本报记者 王哲玮;HTML5在实践中走向成熟[N];计算机世界;2012年

10 商报记者 张绪旺;HTML5游戏潮将推手机浏览器洗牌[N];北京商报;2012年

中国硕士学位论文全文数据库 前10条

1 吴文杰;基于HTML5技术的手机点餐系统设计与开发[D];复旦大学;2013年

2 赵荣鑫;基于HTML5技术的品牌营销页面的交互设计研究[D];北京交通大学;2016年

3 胡流冰川;国内HTML5广告表现策略研究[D];暨南大学;2016年

4 周瑜Z

本文编号：500947