这个元素负责在页面中设定一个区域，然后就可以通过JS动态的在这个区域中绘制图形。

<canvas>由几组API构成。

<canvas>还建议一个名为WebGL的3D上下文

（1）基本用法

<canvas id="drawing" width="200" height="200">a drawing of something</canvas>

var drawing = document.getElementById("drawing");

if(drawing.getContext){

　　var context = drawing.getContext("2d");//为html规范之外的元素创建默认的html元素

}

(2)2D上下文

填充和描边

绘制矩形

绘制路径

绘制文本

变换

绘制图像

阴影

渐变

模式

使用图像数据

合成

WebGL是针对3D上下文。由于显卡，系统等原因，好多不支持。