XRQuadLayer:transform 属性

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

XRQuadLayer 接口的transform 属性表示相对于图层space的偏移量和方向。

示例

设置图层的尺寸和位置

此示例代码将图层放置在距xrReferenceSpace原点两米处,heightwidth为 1.5 米。

js
const quadLayer = xrGlBinding.createQuadLayer({
  space: xrReferenceSpace,
  viewPixelWidth: 512,
  viewPixelHeight: 512,
});

quadLayer.transform = new XRRigidTransform({ z: -2 });
quadLayer.width = 1.5;
quadLayer.height = 1.5;

规范

规范
WebXR 图层 API 级别 1
# dom-xrquadlayer-transform

浏览器兼容性

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

另请参阅