What are WebGL's draw primitives?

WebGL 支持多种绘图图元，它们是构建三维图形的基础。在 WebGL 中，最常用的绘图图元包括：

1. 点（Points） - 最基础的图元，代表一个顶点位置。在 WebGL 中，点可以通过 gl.POINTS 指定。这在绘制粒子系统或需要标记特定顶点位置时非常有用。

2. 线段（Lines） - 由两个顶点定义，可以是直线或折线。在 WebGL 中，线段可以通过 gl.LINES（每一对顶点定义一条独立的直线）或 gl.LINE_STRIP（一系列通过直线连接的顶点）或 gl.LINE_LOOP（类似于 gl.LINE_STRIP，但是首尾相连形成一个闭环）来绘制。

3. 三角形（Triangles） - 由三个顶点定义，是构建三维物体表面的基本单元。在 WebGL 中，三角形可以通过 gl.TRIANGLES（每三个顶点定义一个独立的三角形），gl.TRIANGLE_STRIP（一系列相互连接的三角形，每个新顶点与前两个顶点一起定义一个新的三角形），或 gl.TRIANGLE_FAN（第一个顶点与随后的所有相邻顶点对定义一系列的三角形）来绘制。

示例：

假设我们想在 WebGL 中绘制一个简单的正方形。由于 WebGL 不直接支持四边形，我们需要使用两个三角形来组成这个正方形。我们可以定义四个顶点，然后通过 gl.TRIANGLES 图元来指定这些顶点，从而绘制两个三角形来组成一个正方形。顶点的定义和顺序非常关键，以确保三角形正确拼接。

通过使用这些图元，我们可以构建从简单的二维图形到复杂的三维模型的各种视觉对象。在实际应用中，选择合适的图元对性能优化和视觉效果都有重要影响。