SVGRenderer

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

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

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

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

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

例子

lines
sandbox

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

SVGRenderer()

方法

.clear () : undefined

告訴渲染器來(lái)清除其繪圖表面。

.getSize () : Object

返回一個(gè)包含有渲染器寬和高的對(duì)象。

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

使用camera來(lái)渲染一個(gè)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