WebGLRenderingContext: drawArrays() 方法

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

注意:此功能在 Web Workers 中可用。

WebGLRenderingContext.drawArrays() 方法是 WebGL API 的一部分,用于从数组数据渲染图元。

语法

js
drawArrays(mode, first, count)

参数

模式

一个 GLenum,指定要渲染的图元类型。可能的值有:

  • gl.POINTS:绘制一个点。
  • gl.LINE_STRIP:绘制一条连接到下一个顶点的直线。
  • gl.LINE_LOOP:绘制一条连接到下一个顶点的直线,并将最后一个顶点连接回第一个顶点。
  • gl.LINES:在两个顶点之间绘制一条线。
  • gl.TRIANGLE_STRIP
  • gl.TRIANGLE_FAN
  • gl.TRIANGLES:为一组三个顶点绘制一个三角形。

注意: 如果 modePOINTS,可能需要设置 gl_PointSize 才能使 drawArrays 进行渲染,因为如果未显式写入,其值是未知的。只有部分 GPU 会将其默认值设置为 1.0

first

一个 GLint,指定向量点数组中的起始索引。

计数

一个 GLsizei,指定要渲染的索引数量。

返回值

无(undefined)。

异常

  • 如果 mode 不是接受的值之一,则会抛出 gl.INVALID_ENUM 错误。
  • 如果 firstcount 为负数,则会抛出 gl.INVALID_VALUE 错误。
  • 如果 gl.CURRENT_PROGRAMnull,则会抛出 gl.INVALID_OPERATION 错误。

示例

js
gl.drawArrays(gl.POINTS, 0, 8);

规范

规范
WebGL 规范
# 5.14.11

浏览器兼容性

另见