跳到主要内容

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 不存在。