基于HTML5 Canvas画图软件的设计与实现.doc

摘要:在最近十年里，HTML5在Web开发标准完成了巨大的飞跃，和以前的版本相比，HTML5不但用来表示Web的内容，而且还把Web带入一个更高的平台。HTML5为我们带来很多新的特性，其中一个最重要的特性就是用于画图的HTML Canvas。这就很好的解决了只能用Windows画图的限制，为我们提供了更多的选择性和体验感。

本文主要阐述了运用HTML5 Canvas元素来设计画图软件，利用Canvas语言完成基本元素的绘制和页面初始化，再加上CSS、JavaScript等技术语言在网页上实现Windows画图的基本功能，包括铅笔、画线、圆、矩形、填充颜色、边框颜色、橡皮擦、保存等功能。

关键词：画图；Web；HTML5；Canvas

目录

摘要

ABSTRACT

第一章  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