XRAnchor

可用性有限

此特性不是基線特性,因為它在一些最廣泛使用的瀏覽器中不起作用。

安全上下文: 此功能僅在安全上下文(HTTPS)中可用,且支援此功能的瀏覽器數量有限。

實驗性: 這是一項實驗性技術
在生產中使用此技術之前,請仔細檢查瀏覽器相容性表格

XRAnchor 介面用於建立錨點,這些錨點可以跟蹤相對於真實世界固定的姿勢。透過錨點,您可以指定世界中的姿勢,這些姿勢需要更新以正確反映對世界的不斷演進的理解,從而使姿勢與物理世界中的同一位置保持對齊。這有助於建立一個幻覺,即放置的物件確實存在於使用者的環境中。

例項屬性

XRAnchor.anchorSpace 只讀 實驗性

返回一個 XRSpace 物件,用於相對於其他 XRSpace 物件定位錨點。

例項方法

XRAnchor.delete() 實驗性

刪除錨點。

示例

請求啟用錨點的會話

js
navigator.xr.requestSession("immersive-ar", {
  requireFeatures: ["anchors"],
});

新增錨點

您可以使用 XRFrame.createAnchor() 來建立錨點。

js
frame.createAnchor(anchorPose, referenceSpace).then(
  (anchor) => {
    // Do stuff with the anchor (assign objects that will be relative to this anchor)
  },
  (error) => {
    console.error(`Could not create anchor: ${error}`);
  },
);

規範

規範
WebXR Anchors 模組
# xr-anchor

瀏覽器相容性

另見