SVG 矢量图像到 Three.js 形状？

Question

我想在three.js webgl canvas（带有线框材料）上显示一个二维矢量图。地图最初来自 dwg 格式，将转换为 svg。

但是还没有找到任何用于three.js 的SVG 导入器。

是否有 svg 加载器/导入器？或者其他一些显示矢量地图的方法？

（我尝试在 3ds max 中将其转换为网格并导出为 .obj，但它丢失了一些非闭合路径，并且一些对象获得了三角化表面，这在线框材料中看起来不太好）

理想情况下，地图将被导入/转换为形状并可以在此处查看（具有“纯形状”的中间层，没有额外的顶点等） http://mrdoob.github.com/three.js/examples/webgl_geometry_shapes.html

谢谢！

Answer 1

尝试使用“SVGLoader”（http://thirdjs.org/docs/#Reference/Loaders/SVGLoader），您需要添加该功能，因为它不在 THREE.js r71 中，所以，这里是“ https:// /github.com/mrdoob/ Three.js/blob/master/examples/js/loaders/ SVGLoader.js ”