第十八章 动画与Canvas图形

Posted by CodingWithAlice on November 24, 2024

HTML5 的元素为 JavaScript 提供了动态创建图形的 API。这些图形需要使用特定上下文绘制,主要有两种。

  • 第一种是支持基本绘图操作的 2D 上下文:填充和描绘颜色及图案、绘制矩形、绘制路径、绘制文本、创建渐变和图案
  • 第二种是 3D 上下文,也就是 WebGL。WebGL 是浏览器对 OpenGL ES 2.0 的实现。OpenGL ES 2.0是游戏图形开发常用的一个标准。WebGL 支持比 2D 上下文更强大的绘图能力,包括:
    • 用 OpenGL 着色器语言(GLSL)编写顶点和片段着色器;
    • 支持定型数组,限定数组中包含数值的类型;
    • 创建和操作纹理

《红宝书》-33