SVG2DRenderer
提供基于 SVG 的二维渲染与辅助绘制能力,包含 SVG2DObject、SVGPolyline 与 SVG2DRenderer 三个核心类。
类定义
javascript
class SVG2DObject extends Object3D
class SVGPolyline extends SVG2DObject
class SVG2DRenderer属性
domElement
SVG 根节点元素,用于承载渲染生成的所有 SVG 对象。
类型:
方法
SVG2DObject.createSVGNode(tag, props)
创建指定标签名的 SVG 节点并写入属性。
参数:
tag{string} - SVG 标签名props{Object} - 节点属性键值对
返回值:
- {SVGElement} 创建后的 SVG 节点
SVG2DObject.addNode(node)
向当前 SVG 对象容器追加子节点。
参数:
node{SVGElement} - 子节点
setSize(width, height)
设置渲染尺寸并更新内部投影计算参数。
参数:
width{number} - 渲染宽度height{number} - 渲染高度
render(scene, camera)
遍历场景中的 SVG 对象并执行二维投影渲染,同时清理无效 DOM 节点。
参数:
scene{Scene} - Three.js 场景camera{Camera} - Three.js 相机