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 APIWebGLRenderingContext.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

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
cullFace

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

相关资料