摘 要在最近十年里,HTML5在Web开发标准完成了巨大的飞跃,和以前的版本相比,HTML5不但用来表示Web的内容,而且还把Web带入一个更高的平台。HTML5为我们带来很多新的特性,其中一个最重要的特性就是用于画图的HTML Canvas。这就很好的解决了只能用Windows画图的限制,为我们提供了更多的选择性和体验感。本文主要阐述了运用HTML5 Canvas元素来设计画图软件,利用Canvas语言完成基本元素的绘制和页面初始化,再加上CSS、JavaScript等技术语言在网页上实现Windows画图的基本功能,包括铅笔、画线、圆、矩形、填充颜色、边框颜色、橡皮擦、保存等功能。
目 录
第一章 HTML5的简介 1
1.1 HTML5介绍 1
1.2 HTML5国内外发展现状 1
1.3 HTML5的优势 2
1.4画图软件简介 3
1.5本章小结 3
第二章 相关技术的简介 4
2.1 Canvas元素 4
2.2 JavaScript的介绍 4
2.3 JQuery的介绍 5
2.4本章小结 5
第三章 画图软件的设计 6
3.1需求设计 6
3.2基本原理 6
3.3页面设计 7
3.4布局设计 8
3.5鼠标移动设计 8
3.6本章小结 9
第四章 功能的实现 10
4.1工具 10
4.2填充类型 11
4.3线度宽 12
4.4橡皮擦 12
4.5选择 13
4.6文件 13
4.7本章小结 14
第五章 系统测试 15
5.1读取错误 15
5.2软件打开错误 15
5.3代码错误 15
5.4本章小结 16
结束语 17
致谢 18
参考文献 19
附录A 20
附录B 23
附录C 27
*景先生毕设|www.jxszl.com +Q: @351916072@
第一章 HTML5的简介
1.1HTML5介绍
自1999年以来发布的HTML 4.01及更高版本,之前的HTML5都无人问津了,许多公司团结起来,成立了一个名为超文本应用技术工作组织。WHATWG在应用程序方面有很大的建树,相反W3C( World Wide web Consortium)致力于 XHTML2.0。2006年,双方决定一起合作,来创建一个新的HTML。
第一份官方HTML5草案于2008年1月发表。但HTML5仍然不够完整。然而,许多最新的浏览器已达到特定的HTML5要求。
2012年12月份,万维网联盟正式宣布HTML5规范最终确定,它凝聚了大量网络工作人员的努力与汗水。根据万维网联盟的文本,HTML5成为了开放的Web网络平台的垫脚石,为它的持续发展定下了完美的基调。支持HTML5的浏览器包括火狐浏览器,谷歌浏览器,Safari,IE9以及更高的版本,还有傲游浏览器,以及基于IE所推出的360浏览器、搜狗浏览器、猎豹浏览器等都支持HTML5。
HTML5为我们提供了很多未知的元素和功能,例如
和< voter>。此外,还为其他浏览元素提供了新的功能,如