XRWebGLLayerInit.depth

在此页

句法
用法注意事项
范例
规范
浏览器兼容性
另请参阅
相关话题

安全上下文
此特征只可用于安全上下文 (HTTPS)，在某些或所有支持浏览器 .

当使用 XRWebGLLayer() constructor to create a new WebGL rendering layer for WebXR, providing as the layerInit parameter an object whose depth 特性为 false will request that the new layer be created without a depth buffer.

句法

let layerInit = {
  depth: false
};
let glLayer = new XRWebGLLayer(xrSession, gl, layerInit);
let glLayer = new XRWebGLLayer(xrSession, gl, { depth: false });

值

A Boolean which can be set to false to specify that the new WebGL layer should not have a depth buffer. This means that the only source for depth information is the vertex coordinates, and reduces the accuracy and quality of rendering, but may potentially affect the performance of rendering as well.

默认值为 true .

用法注意事项

This property differs from ignoreDepthValues in that a layer created with ignoreDepthValues 设为 true may still have a depth buffer, but will not make use of it.

You can determine whether or not the depth buffer is being used by a given WebGL rendering layer during your XR session by checking the value returned by XRWebGLLayer.ignoreDepthValues . If this is true , then the depth buffer is either not present or is being ignored.

if (glLayer.ignoreDepthValues) {
  /* not using the depth buffer */
}

范例

In this example, a new XRWebGLLayer is created for a WebXR session, xrSession , without a depth buffer.

xrSession.updateRenderState({
  baseLayer: new XRWebGLLayer(xrSession, gl, {
     depth: false
  });
});

规范

规范	状态	注释
WebXR 设备 API The definition of 'XRWebGLLayerInit.depth' in that specification.	工作草案	初始定义。

浏览器兼容性

The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`depth`	Chrome 79	Edge 79	Firefox No	IE No	Opera No	Safari No	WebView Android 79	Chrome Android 79	Firefox Android No	Opera Android No	Safari iOS No	Samsung Internet Android 11.2

图例

完整支持
不支持

另请参阅

元数据

最后修改： Dec 18, 2019

WebXR 设备 API
XRWebGLLayerInit
特性
1. alpha
2. antialias
3. depth
4. framebufferScaleFactor
5. ignoreDepthValues
6. stencil
Related pages for WebXR Device API

在此页

句法

值

用法注意事项

范例

规范

浏览器兼容性

图例

另请参阅

相关话题