HTML5新增了一个<canvas.../>元素，该元素专门用于绘制图形。但实际上，<canvas.../>元素自身并不绘制图形，它只是相当于一张空画布。如果开发者需要向<canvas.../>上绘制图形，则必须使用JavaScript脚本进行绘制。
<canvas.../>元素除了可以指定id、style、class、hidden等通用属性之外，还可以指定如下两个属性。
height：该属性设置该画布组件高度。
width：该属性设置该画布组件宽度。
在网页上定义了<canvas.../>元素后，它只是一张“空白”的画布，要在<canvas.../>上绘图，必须经过如下3步。
1、获取<canvas.../>元素对应的DOM对象，这是一个Canvas对象。
2、调用Canvas对象的getContext()方法，该方法返回一个CanvasRenderingContext2D对象，该对象即可绘制图形。
3、调用CanvasRenderingContest2D对象的方法绘图。