李伙钦

（福建船政交通职业学院信息工程系 福建 福州 350007）

0 引言

随着信息技术的迅猛发展，上网已成为很多人生活中必不可少的一部分，人们通过网站获取资讯，下载影音，社交通信等，其得益于HTML的标准化，网页可以无障碍的在各种平台各种操作系统上运行。上一版本的HTML标准是2001的XHTML1.1标准，十几年来一直没有更新，渐渐跟不上用户的需求了。最新的HTML5标准应运而生，为我们带来了强大的用于交互、多媒体和本地化等方面的标签以及应用编程接口。

HTML5一个非常实用的特性是用于绘画的Canvas元素，Canvas拥有多种绘制路径、矩形、圆形、字符以及图像处理的方法，为网页绘图及图像处理带来了便捷。

本文介绍了HTML5的特性及Canvas元素的相关概念，然后介绍采用Canvas制作网页电子画板的设计思路，分析其设计步骤及注意事项。

本文的组织结构，第一章介绍HTML5概念，第二章介绍设计总体思路，第三章介绍详细设计，最后总结。

1 第一章 相关技术

1.1 HTML5

HTML标准自1999年12月发布的HTML 4.01后，后继的 HTML 5和其它标准被束之高阁，为了推动web标准化运动的发展，一些公司联合起来，成立了一个叫做WHATWG (Web超文本应用技术工作组）的组织，HTML5草案的前身名为Web Applications 1.0，于 2004年被 WHATWG提出，于 2007年被W3C接纳，并成立了新的 HTML工作团队。HTML 5的第一份正式草案已于2008年1月22日公布。HTML 5有两大特点：首先，强化了 Web网页的表现性能。其次，追加了本地数据库等Web应用的功能。

HTML5中的一些有趣的新特性：

1.1.1 用于绘画的 canvas元素

1.1.2 用于媒介回放的 video和 audio元素

1.1.3 对本地离线存储的更好的……