原创力文档- 1、本文档共28页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
目 录
摘 要 I
ABSTRACT II
第1章 绪 论 1
1.1 课题来源 1
1.2 课题背景 1
1.3 国内外在该方向的研究现状及分析 1
1.4 与HTML 4的不同之处 2
1.4.1 不同的元素属性 2
1.4.3 异常处理 2
1.4.4 新应用程序接口（API） 2
1.5 使用的开发平台 2
1.6 本章小结 3
2.1 研究内容分析 4
2.2 兼容性分析 4
2.2.1 主流浏览器对HTML5部分标签兼容表 4
2.2.2 主流浏览器对HTML5流媒体格式的兼容 5
2.2.3 主流浏览器对HTML5表单特性兼容表 6
2.3 本章小节 6
第3章 表单、视频及音频功能性探索 7
3.1 HTML5对表单的支持 7
3.1.1 输入框自动获取焦点实现 7
3.1.2 文本框的输入提示实现 7
3.1.3 表单验证功能 7
3.1.4 滑动块输入的实现 8
3.1.6 输入框下拉提示实现 9
3.1.7 日期选择框实现 9
3.1.8 文件上传功能块实现 10
3.2 对视频和音频的支持 10
3.2.1 Video属性列表 10
3.2.2 video标签实现 11
3.3.3 Audio的属性 12
3.3.2 Audio标签实现 12
3.4 本章小节 12
第4章 canvas绘图功能实现 14
4.1 Canvas元素的 2D context API 14
4.1.1 基本图形绘制 14
4.1.2 图形美化 15
4.1.4 Canvas图像处理 17
4.1.5 对文字的处理 18
4.2 Canvas元素的3D context API 19
4.2.1 3D canvas实现示例 19
4.4 本章小节 21
结束语 22
参考文献 23
摘 要
随着互联网的发展，HTML （HyperText Mark-up Language，超文本标记语言或超文本链接标示语言 ）标准也在不断变化，HTML标准已经走过第4代了，自从W3C （World Wide Web Consortium ，W3C理事会或万维网联盟 ）公布HTML5标准草案以来，HTML5越发的受开发者及各大公司的欢迎，因为它能用简单的标签元素，属性能实现之前需要用很多复杂JavaScript代码才能有实现的功能，本论文着重以浏览器支持较好且容易实现的部分HTML5功能作为探索对像。
由于基于网页的探索性实验项目，在设计上并不是很复杂，因此在过程分析设计，详细设计分析方面做的比较少，着重内容展示。文章从以下几个方面论述：
首先，展示HTML5对表单的强大支持功能，以前许多验证需要用复杂的正则表达式来达到验证的目的，但是HTML5自建表单验证功能。比如电子邮件，日期等。
其次介绍了HTML5内建的 Video Audio 标签，它能让我们轻松的将视频，音频内嵌到网页中，而且不需要任何插件，不需要为不同的视频插件编写不同的代码，大大减少了开发人员的工作，而且也使得硬件支持视频音频播放变的容易，更受到众多非开发厂商的支持，目前大部分主流浏览器都能全部或部分支持这两大标签，详细请见结论各浏览器对HTML5支持表
最后，是本论文着重介绍的部分Canvas2D,3D Context API(Application Programming Interface,应用程序编程接口) 即使浏览器内建 的绘图功能，从些在浏览器上实现绘图变的轻而易举了，甚至我们可以在网页上玩大型的3D游戏，而且目前Google公司已经实现了，谷歌HTML5及WebGL实现浏览器无插件3D游戏运行 。详细Canvas绘图功能介绍请看第4章canvas绘图功能探索。
通过这些演示与探索，相信对HTML5会有更进一步的了解，应对下一代WEB开发标准的到有所准备。
关键词：HTML5、JavaScript、Canvas、绘图
ABSTRACT
With the development of the Internet, HTML standards are constantly changing, There are four generation pastded .since the W3C HTML5 standard has been published, HTML5 increasingly the subject developers and major companie`s welcome, because it simple tag elements, attributes needed to achieve a lot of complexity before Ja
文档评论（0）