deep-engine-demo/packages/docs/api/manager/CSS2DRendererManager.md

outline
2 3

CSS2DRendererManager

• 源文件：packages/sdk/src/manager/CSS2DRendererManager.ts
• 文档位置：packages/docs/api/manager/CSS2DRendererManager.md

类：CSS2DRendererManager

• 作用：CSS2D 渲染管理类 负责管理 CSS2D 渲染器和 CSS2D 对象

构造函数

new CSS2DRendererManager(viewer: Viewer)

• 作用：构造函数

• 入参：

参数名	类型	必填	说明
viewer	Viewer	是	- 视图实例

• 出参：CSS2DRendererManager
• 返回说明：返回当前类实例。

属性

属性名	可见性	类型	作用
renderer	public	CSS2DRenderer	CSS2D 渲染器
viewer	public	Viewer	视图实例
objects	public	Map<string, CSS2DObject>	CSS2D 对象集合

方法

init(): void

• 作用：初始化 CSS2D 渲染器

• 入参：无

• 出参：void

• 返回说明：无返回值。

handleResize(): void

• 作用：处理窗口大小变化

• 入参：无

• 出参：void

• 返回说明：无返回值。

createObject(element: HTMLElement, position: THREE.Vector3): CSS2DObject

• 作用：创建 CSS2D 对象

• 入参：

参数名	类型	必填	说明
element	HTMLElement	是	- DOM 元素
position	THREE.Vector3	是	- 位置

• 出参：CSS2DObject
• 返回说明：CSS2D 对象

addObject(object: CSS2DObject, parent: THREE.Object3D = this.viewer.scene): void

• 作用：添加 CSS2D 对象到场景

• 入参：

参数名	类型	必填	说明
object	CSS2DObject	是	- CSS2D 对象
parent	THREE.Object3D	否	- 父对象，默认为场景

• 出参：void
• 返回说明：无返回值。

removeObject(object: CSS2DObject): void

• 作用：从场景中移除 CSS2D 对象

• 入参：

参数名	类型	必填	说明
object	CSS2DObject	是	- CSS2D 对象

• 出参：void
• 返回说明：无返回值。

render(): void

• 作用：渲染 CSS2D 场景

• 入参：无

• 出参：void

• 返回说明：无返回值。

dispose(): void

• 作用：清理资源

• 入参：无

• 出参：void

• 返回说明：无返回值。

getRenderer(): CSS2DRenderer

• 作用：获取 CSS2D 渲染器实例

• 入参：无

• 出参：CSS2DRenderer

• 返回说明：CSS2D 渲染器

getObjects(): CSS2DObject[]

• 作用：获取所有 CSS2D 对象

• 入参：无

• 出参：CSS2DObject[]

• 返回说明：CSS2D 对象数组

构造示例

• 当前 Demo 中没有直接展示 CSS2DRendererManager 的构造调用。

函数示例

• 当前 Demo 中没有直接展示 CSS2DRendererManager 的公开方法调用。