XRCompositionLayer: layout 属性

可用性有限

此特性不是基线特性,因为它在一些最广泛使用的浏览器中不起作用。

实验性: 这是一项实验性技术
在生产中使用此技术之前,请仔细检查浏览器兼容性表格

XRCompositionLayer 接口中只读的 layout 属性是图层的布局类型。

要指定图层的布局类型,请使用图层创建方法及其 layout 选项。

一个字符串。可能的值:

default

图层适应会话的所有视图。建议为 default 布局使用 texture-array 纹理类型。

mono

分配一个 XRSubImage 对象,并将其呈现给双眼。

stereo

用户代理决定如何分配 XRSubImage(一个或两个)和布局(顶部/底部或左/右)。建议为 stereo 布局使用 texture-array 纹理类型。

stereo-left-right

分配单个 XRSubImage。左眼获取纹理的左侧区域,右眼获取右侧区域。此布局旨在最大限度地减少对已为立体声(例如立体声视频或图像)的内容的绘图调用。

stereo-top-bottom

分配一个单一的 XRSubImage。左眼获得纹理的顶部区域,右眼获得底部区域。这种布局旨在最大限度地减少已立体化内容(例如立体视频或图像)的绘制调用。

示例

设置和获取图层的布局

要指定图层的布局,请使用图层创建方法(如 XRWebGLBinding.createQuadLayer())及其 layout 选项。要检索图层布局的类型,请使用 layout 属性。

js
const layer = xrGlBinding.createQuadLayer({
  pixelWidth: 1024,
  pixelHeight: 768,
  layout: "stereo",
});

layer.layout; // "stereo"

规范

规范
WebXR Layers API Level 1
# dom-xrcompositionlayer-layout

浏览器兼容性

另见