深入理解three.js对svg的支持（二）：SVGRenderer

本文链接：https://blog.csdn.net/hermanncain/article/details/75136493

前言：SVG作为一种优秀的矢量图形格式在Web得到广泛应用，three.js作为知名的WebGL库自然也对其提供了支持。然而，官方文档中对此的说明十分单薄，网上与此相关的资源也不多。经过多次试验之后，在此分享我的一点理解，包括SVGLoader，SVGObject，SVGRenderer，svg和THREE对象的互相转化等内容。

2 SVGRenderer

上文说到了SVGRenderer的机制，那么这一节就来看看源码。源码不长，只有500多行。

2.1 THREE对象转svg

SVGRenderer代码的核心在this.render方法上。渲染的数据从投影得来：

_projector = new THREE.Projector(),

...

_renderData = _projector.projectScene( scene, camera, this.sortObjects, this.sortElements );
_elements = _renderData.elements;
_lights = _renderData.lights;

至于Projector.js就复杂多了，单单projectScene方法代码的行数就和整个SVGRenderer.js一样多，不再深究，有兴趣的自行研读。

_renderData</