SVG vector image to Three.js Shapes?

Question

I want to display a 2D vector map on three.js webgl canvas (with wireframe material). Map is originally from dwg format, would be converted to svg.

But havent find any SVG importers for three.js.

Is there an svg loader/importer? Or some other method of displaying vector maps?

(I tried converting it to a mesh in 3ds max and export to .obj, but it looses some non-closed paths and some objects get triangulated surface, which doesnt look good in wireframe material)

Ideally the map would be imported/converted to shapes and viewable as in here (the middle layer with "pure shapes", no extra vertices etc) http://mrdoob.github.com/three.js/examples/webgl_geometry_shapes.html

thanks!

Answer 1

Try to use "SVGLoader" (http://threejs.org/docs/#Reference/Loaders/SVGLoader), you need to add that feature because it is not in THREE.js r71, so, here it is "https://github.com/mrdoob/three.js/blob/master/examples/js/loaders/SVGLoader.js"