跳到主要内容

clientDepth

概述​

读取 3D 容器元素当前的深度。

可用对象​

在 WebSpatial SDK 当前的实现中,只有 3D 容器元素的 ref.current 上能访问这个属性。

心智模型​

跟 Element.clientWidth 一样:只读,不受 CSS Transform 影响。

语法​

标准化完成前的临时 DOM 命名

WebSpatial API 中的 DOM 属性在标准化完成前,需要加上 xr 前缀并把原有的首字母改成大写,因此 clientDepth 的属性名要写成 xrClientDepth。

读写语义​

只读。

示例:

const currentDepth = ref.current.xrClientDepth;

回退行为​

在不支持 WebSpatial 的环境里,clientDepth 不存在。