❑ 使用requestAnimationFrame
    ❑ 理解元素
    ❑ 绘制简单2D图形
    ❑ 使用WebGL绘制3D图形
    是HTML5最受欢迎的新特性。这个元素会占据一块页面区域，让JavaScript可以动态在上面绘制图片。

    requestAnimationFrame是简单但实用的工具，可以让JavaScript跟进浏览器渲染周期，从而更加有效地实现网页视觉动效。

    HTML5的元素为JavaScript提供了动态创建图形的API。这些图形需要使用特定上下文绘制，主要有两种：
    第一种是支持基本绘图操作的2D上下文：
    ❑ 填充和描绘颜色及图案
    ❑ 绘制矩形
    ❑ 绘制路径
    ❑ 绘制文本
    ❑ 创建渐变和图案
    第二种是3D上下文，也就是WebGL。
    WebGL是浏览器对OpenGL ES 2.0的实现。OpenGL ES 2.0是游戏图形开发常用的一个标准。WebGL支持比2D上下文更强大的绘图能力，包括：
    ❑ 用OpenGL着色器语言（GLSL）编写顶点和片段着色器；
    ❑ 支持定型数组，限定数组中包含数值的类型；
    ❑ 创建和操作纹理。