CSS 2D渲染器([name])

[name]是[page:CSS3DRenderer](CSS 3D渲染器)的简化版本,唯一支持的变换是位移。

如果你希望将三维物体和基于HTML的标签相结合,则这一渲染器将十分有用。在这里,各个DOM元素也被包含到一个*CSS2DObject*实例中,并被添加到场景图中。

`[name]` only supports 100% browser and display zoom.

导入

[name] 是一个附加组件,必须显式导入。 See [link:#manual/introduction/Installation Installation / Addons].

import { CSS2DRenderer } from 'three/addons/renderers/CSS2DRenderer.js';

例子

[example:css2d_label]
[example:webgl_loader_pdb molecules]

构造函数

[name]()

方法

[method:Object getSize]()

返回一个包含有渲染器宽和高的对象。

[method:undefined render]( [param:Scene scene], [param:Camera camera] )

使用[page:Camera camera]渲染[page:Scene scene]。

[method:undefined setSize]([param:Number width], [param:Number height])

将渲染器的尺寸调整为(width, height).

源代码

[link:https://github.com/mrdoob/three.js/blob/master/examples/jsm/renderers/CSS2DRenderer.js examples/jsm/renderers/CSS2DRenderer.js]