SVG矢量图像到三个.js形状？

我想在three.js webgl画布上显示二维矢量地图（使用线框材质）。 地图最初是dwg格式，将转换为svg

但是还没有为three.js找到任何SVG导入程序

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

（我尝试在3ds max中将其转换为网格并导出到.obj， 但是它松开了一些非闭合的路径，一些物体得到了三角形的曲面， 线框材质不好看的）

理想情况下，地图将被导入/转换为形状，并可在此处查看（中间层具有“纯形状”，无额外顶点等）

---

谢谢

如果将SVG带到网页中（可能在隐藏的DIV中？），您应该能够在DOM中查询其所有组件。然后画出您认为合适的三个.js项。

尝试使用“SVGLoader”（），您需要添加该功能，因为它不在three.js r71中，因此，这里是“

有两种方法：

使用

使用搅拌机

svg-mesh-3d的问题在于，它不能为您执行挤出操作，所有内容都必须进行编程。这就是为什么搅拌机是一种更好的方法。如果您了解Blender，您可以在几分钟内将SVG导入其中，挤出并导出为JSON格式。稍后，使用loader将JSON加载到动画中。如果您不知道Blender，下面是如何操作：

---

没有找到其他合适的解决方案，所以一个小的svg加载程序/解析（从文件加载）使用javascript，然后从那里构建行/元素。是的，完全正确——这让您可以生成适合您特定用例的WebGL原语。您好，您能解释一下这是如何实现的吗？文档说明svg将作为SVGDocument加载。然后如何将其转换为3JS形状？