SVGRenderer can be used to render geometric data using SVG. The produced vector graphics are particular useful in the following use cases:

SVGRenderer has various advantages. It produces crystal-clear and sharp output which is independent of the actual viewport resolution.
SVG elements can be styled via CSS. And they have good accessibility since it's possible to add metadata like title or description (useful for search engines or screen readers).

There are, however, some important limitations:






.clear () : null

Tells the renderer to clear its drawing surface.

.render (scene : Scene, camera : Camera) : null

Renders a scene using a camera.

.setClearColor (color : Color, alpha : number) : null

Sets the clearColor and the clearAlpha.

.setPrecision (precision : Number) : null

Sets the precision of the data used to create a path.

.setQuality () : null

Sets the render quality. Possible values are low and high (default).

.setSize (width : Number, height : Number) : null

Resizes the renderer to (width, height).


For more info on how to obtain the source code of this module see this page.