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 锚点模块
# xr-anchor

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅