Skip to content

SVG2DRenderer

提供基于 SVG 的二维渲染与辅助绘制能力,包含 SVG2DObjectSVGPolylineSVG2DRenderer 三个核心类。

类定义

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 相机

相关链接

逆维悦动 智建未来