# 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]