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

标签 svg 2d three.js

我想在 Three.js webgl Canvas 上显示 2D 矢量 map (带有线框 Material )。 map 最初是 dwg 格式,将转换为 svg。

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

有 svg 加载器/导入器吗? 或者其他显示矢量 map 的方法?

(我尝试将其转换为 3ds max 中的网格并导出为 .obj, 但它失去了一些非闭合路径,并且一些物体得到了三角表面, 在线框 Material 中看起来不太好)

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

谢谢!

最佳答案

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

关于SVG 矢量图像到 Three.js 形状?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14874119/

相关文章:

javascript - 试图将 SVG 绘制到 Canvas 上,但它被缩短了

javascript - 使用百分比和 svgs 创建预加载屏幕

c++ - 在 2D 中用 3 个给定点计算精确样条。 C++

c++ - 多维数组在循环中赋值 : expression must be a modifiable lvalue

c++ - (2d Square Collision Detection) 碰撞时移动物体

javascript - three.js - 用于 ipad 的管几何结构上的 Canvas 纹理

javascript - D3 中的标签和分割线

css - div 向两个方向倾斜

three.js - 使用三个 js 更改合并网格上的 Material 颜色

internet-explorer - [三.js] : script running in IE10, 未作为 HTA 运行