WebGLRenderingContext.cullFace()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

WebGL API 的 WebGLRenderingContext.cullFace() 指定正面和/或背面多边形是否可以剔除。

语法

void gl.cullFace(mode);

参数

mode

GLenum 指定适合进行剔除的面是正面还是背面。默认值是 gl.BACK. 可能的值有：

  • gl.FRONT
  • gl.BACK
  • gl.FRONT_AND_BACK

返回值

None.

示例

多边形剔除功能默认不开启。想要开启这个功能，使用enable() 和 disable() 方法，传入参数gl.CULL_FACE.

js
gl.enable(gl.CULL_FACE);
gl.cullFace(gl.FRONT_AND_BACK);

需要 CULL_FACE_MODE 常量来检查当前多边形剔除模式。

js
gl.getParameter(gl.CULL_FACE_MODE) === gl.FRONT_AND_BACK;
// true

规范

Specification
WebGL Specification
# 5.14.3

浏览器兼容性

BCD tables only load in the browser

相关资料