Import
SVGRenderer is an addon, and must be imported explicitly, see Installation#Addons.
import { SVGRenderer } from 'three/addons/renderers/SVGRenderer.js';Properties
.autoClear : boolean
Whether to automatically perform a clear before a render call or not.
Default is true.
.domElement : SVGSVGElement
The DOM where the renderer appends its child-elements.
.info : Object
Provides information about the number of rendered vertices and faces.
.outputColorSpace : SRGBColorSpace | LinearSRGBColorSpace
The output color space.
Default is SRGBColorSpace.
.overdraw : number
Number of fractional pixels to enlarge polygons in order to
prevent anti-aliasing gaps. Range is [0,1].
Default is 0.5.
.sortElements : boolean
Whether to sort elements or not.
Default is true.
.sortObjects : boolean
Whether to sort 3D objects or not.
Default is true.
Methods
.clear()
Performs a manual clear with the defined clear color.
.getSize() : Object
Returns an object containing the width and height of the renderer.
- Returns: The size of the renderer.
.render( scene : Object3D, camera : Camera )
Renders the given scene using the given camera.
| scene |
A scene or any other type of 3D object. |
| camera |
The camera. |
.setClearColor( color : number | Color | string )
Sets the clear color.
| color |
The clear color to set. |
.setPrecision( precision : number )
Sets the precision of the data used to create a paths.
| precision |
The precision to set. |
.setQuality( quality : 'low' | 'high' )
Sets the render quality. Setting to high means This value indicates that the browser
tries to improve the SVG quality over rendering speed and geometric precision.
| quality |
The quality. |
.setSize( width : number, height : number )
Resizes the renderer to the given width and height.
| width |
The width of the renderer. |
| height |
The height of the renderer. |