摘要：随着互联网的发展，HTML(超文本标记语言或超文本链接标示语言)标准也在不断变化。HTML5它添加了诸多的特性，添加了多媒体的支持以及用于图形绘制的新标签如：canvas等。在 HTML5 得以广泛推广之前，开发人员通常使用 SVG，VML 等技术进行 Web 绘图操作，但这些基于 XML 的绘图语言声明式的绘图方式并不能满足复杂绘图操作在性能上的需求，比如 Web 游戏所需要的像素级别的绘图能力。HTML5 canvas 元素的出现填补了这种不足，开发人员可以使用 JavaScript 脚本语言在 canvas 中进行一系列基于命令的图形绘制操作。HTML5使用户可以脱离外部插件,就可以达到丰富的用户体验。

本软件是由HTML5，JavaScript编写，使用notepad工具开发的。软件的主要功能有实现自由绘图，工具绘制，对画布的缩放以及绘图时画笔的粗细改变，颜色的类别等。该软件有良好的用户体验性和清晰简单的界面。简洁方便是其最大的特征。

关键词：HTML5；JavaScript；图形绘制

目录

摘要

Abstract

第一章  引  言-1

1.1 背景-1

1.2 HTML5的Canvas与JavaScript-1

1.3任务-1

第二章  从HTML到HTML5-2

2.1 HTML的概念和功能-2

2.2 HTML发展历程-2

2.3 什么是HTML5-3

2.4 HTML5前景-4

2.5 HTML5 Web App-4

第三章 JavaScript-5

3.1 JavaScript简介-5

3.2 JavaScript现状-5

3.3 JavaScript特点-6

第三章 HTML5绘图分析与具体实现-7

4.1 课题的背景-7

4.2 浏览器支持-7

4.3 canvas分析-8

4.4 访问2D渲染系统-9

4.5 绘制基本形状-10

4.5.1 绘制直线-10

4.5.2 绘制矩形-11

4.5.3 绘制三角形-12

4.5.4 绘制圆-13

4.5.5 绘制椭圆-14

4.5.6 绘制文本-19

4.6 填充颜色及线的颜色和大小-21

4.7.1 擦除整个画布-23

4.7.2 擦除画错的或重绘-23

4.8 剩余功能-25

4.9 总结-32

参考文献-34

致    谢-35