前言
HTML5为网页设计引入了一个新元素，即画布（canvas）元素。该元素用于在网页中使用JavaScript实时创建图形。
准备工作
画布元素会在页面上创建一个矩形区域。默认的尺寸规格为300px宽，150px高。可以使用JavaScript指定具体大小。本方法的相关示例代码激增较快，可以在Packt Publishing的网站中获取全部相关代码。
实现方式
首先，在一个简单的HTML页面中创建画布元素：
工作原理
不用太深入了解JavaScript的工作原理，设计者就可以编写脚本操控画布元素，从而在页面加载时绘制页面所需内容。body元素的οnlοad=“drawCanvas();”命令会触发JavaScript的执行，把内容绘制到画布上。
