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

瀏覽器相容性

另見