SVGRenderer

SVGRenderer被用于使用SVG來渲染幾何數(shù)據(jù)，所產(chǎn)生的矢量圖形在以下幾個方面十分有用：

• 動畫標(biāo)志（logo）或者圖標(biāo)（icon）
• 可交互的2D或3D圖表或圖形
• 交互式地圖
• 復(fù)雜的或包含動畫的用戶界面

SVGRenderer具有很多優(yōu)勢。它產(chǎn)生清晰并且銳利的圖像輸出，它和實(shí)際視口分辨率無關(guān)。SVG元素可以通過CSS來控制樣式；并且由于它可以添加諸如標(biāo)題或者描述文字之類的元數(shù)據(jù)（對于搜索引擎或者屏幕閱讀器十分有用），因此它具有十分良好的可訪問性。

然而，SVG也有一些十分重要的限制：

• 沒有高級的著色器
• 不支持紋理
• 不支持陰影

例子

lines
sandbox

構(gòu)造函數(shù)

SVGRenderer()

方法

.clear () : undefined

告訴渲染器來清除其繪圖表面。

.getSize () : Object

返回一個包含有渲染器寬和高的對象。

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

使用camera來渲染一個scene。

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

設(shè)置clearColor（空白顏色）以及clearAlpha（空白Alpha）。

.setPrecision ( precision : Number ) : undefined

設(shè)置用于創(chuàng)建路徑的數(shù)據(jù)的精度。

.setQuality () : undefined

設(shè)置渲染質(zhì)量?？赡艿闹涤衛(wèi)ow和high（默認(rèn)值）。

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

改變渲染器尺寸為(width, height)。

源代碼

examples/jsm/renderers/SVGRenderer.js