HTML5网页电子画板的设计与实现
【摘 要】HTML5是最新的Web标准,带来很多令人激动的新特性,其中用于绘画的Canvas 元素为网页绘图及图像处理带来了很大的便捷。本文介绍了HTML5的特性及Canvas元素的相关概念,然后介绍采用Canvas制作网页电子画板的设计思路,分析其设计步骤及注意事项。
【关键词】HTML5;Canvas;网页电子画板
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网页设计实验心得HTML 5 的第一份正式草案已于2008年1月22日公布。HTML 5有两大特点:首先,强化了 Web 网页的表现性能。其次,追加了本地数据库等 Web 应用的功能。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论