HTML5的<canvas>元素提供了一组JavaScript API，让我们可以动态的创建图形和图像。图形是在一个特定的上下文中创建的，而上下文对象目前有两种。
第一种是2D上下文，可以执行原始的绘图操作，
l 设置填充、描边颜色和模式
l 绘制矩形
l 绘制路径
l 绘制文本
l 创建渐变和模式
第二种是3D上下文，即WebGL上下文。
l 使用GLSL编写的顶点和片段着色器
l 支持类型化数组，即能够将数组中的数据限定为某种特定的数值类型
l 创建和操作纹理
主流浏览器的较新版本都支持<canvas>标签，不过WebGL只有firefox 4+和chrome支持。
原文：http://www.cnblogs.com/SLchuck/p/4508431.html