15.4 小结

HTML5 的<canvas>元素提供了一组JavaScript API，让我们可以动态地创建图形和图像。图形是在一个特定的上下文中创建的，而上下文对象目前有两种。第一种是2D 上下文，可以执行原始的绘图操作，比如：

• 设置填充、描边颜色和模式
• 绘制矩形
• 绘制路径
• 绘制文本
• 创建渐变和模式

第二种是3D 上下文，即WebGL 上下文。WebGL 是从OpenGL ES 2.0 移植到浏览器中的，而OpenGLES 2.0 是游戏开发人员在创建计算机图形图像时经常使用的一种语言。WebGL 支持比2D 上下文更丰富和更强大的图形图像处理能力，比如：

• 用GLSL（OpenGL Shading Language，OpenGL 着色语言）编写的顶点和片段着色器
• 支持类型化数组，即能够将数组中的数据限定为某种特定的数值类型
• 创建和操作纹理

目前，主流浏览器的较新版本大都已经支持<canvas>标签。同样地，这些版本的浏览器基本上也都支持2D 上下文。但对于WebGL 而言，目前还只有Firefox 4+和Chrome 支持它。