基于HTML5中canvas技术图形、图像、动画研究

《基于HTML5中canvas技术图形、图像、动画研究》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、基于HTML5中canvas技术的图形、图像、动画的研究1.绪论1.1研究背景HTML5标准在今年的10月28号正式发布，这一新标准使得基于互联网，移动互联网的应用开发具备了统一的格式，从此不再区分版本和终端。这极大的节省了开发时间以及成本。这是HTML5引起众多开发人员兴趣的原因之一。此外，HTML5的出现，将是Web开发技术的一次重要飞跃。它不仅能够使得网页具备更加强大，绚丽的功能。而且，还改变了互联网的许多方面。譬如，降低插件的使用、支持动态生成图像、允许Wed程序利用本地存储、简化Web开发的数据提取、支持位置服务

2、，让Web播放更加流畅等。这完美的解决了之前的好多问题。如，网站的推广不再受到大部分插件的制约。当用户无法上网的时候，仍然可以使用缓存文件完成一些功能。当然用户体验也得到大大提升。HTML5也迎合了现代人的需求。因为，现在的生活节奏快，网络用户更偏向喜欢标题、图片、视频，等形式。它们可以更加直接快速的让人们达到阅读目的。我们也希望网页变得更加动态有趣，提供更多的互动机会。HTML5的发展前景将非常广阔，学习HTML5的时候到了。1.2研究意义首先，HTML5使得用户可以通过不同的终端设备访问相同的程序以及基于云的内容。这样

3、我们在创建网站的时候将不再需要考虑不同终端，不同版本带来的问题。既节省了开发时间，又节省了开发成本。其次，HTML5新增的一些功能，可以使我们的网站变得更加强大，美观。企业能够成功的推广自己，在很大程度上会依赖于网站的合理设计。1.3国内外研究现状在国外，HTML5这一新标准，受到许多业内巨头的追捧。谷歌、苹果等把它形象的描述为用户体验的未来，微软的IE9中也加入了对html5的大量支持。到2012年11月，支持HTML5的普及率就已经达到66%。相比，国内的普及率要低些。主要原因在于，国内操作系统的更新速度较慢。但是，H

4、TML5标准在国内的普及速度很快。目前大部分技术人员已经开始尝试着在各类网站中应用更多HTML5的新特性，这将会为互联网带来新面貌。2.关键技术介绍2.1HTML52.1.1HTML5的概念狭义的HTML5，就是HTML语言的第五版，即最新版本。相对于HTML4，这个新版添加了一些新的元素，这些新的元素一部分是为了让网页更加合理，另一部分是为了添加新的功能。里面最受欢迎的是和

5、及JavaScript的更多接口。我们把下一代网页技术统称为HTML5。2.1.2HTML5主要新增功能及特性介绍HTML5主要在速度、存储、位置、图像等方面进行了优化。（1）内容标签优化HTML5之前版本的内容标签，它们的级别相同，不利于很好的区别各部分内容。如：、、。相对的，HTML5的标签，级别不同，各种统计软件以及搜索引擎都可以快速识别出各部分内容。如：