add support for lines, basic styles

[morandd]

this adds support for lines and all geometric primitives.

• uses SVGO as you suggested
• uses SVG2 Path interface polyfill to maniupate paths
• introduce THREE.MeshLine to render lines and polygons outlines
• support arcs and curves
• support rect/circle/line/polygon/polyline SVG elements
• new example

i may have borked the build process a bit so feel free to hack that back into shape.

[morandd]

@7dir ping

[7dir]

code looks like *****

[7dir]

so we should separate version with SVGo and w/o it size become too big

[7dir]

@morandd ping

[morandd]

cleaned up code a bit & tried to fix the example.

I find the build toolchain daunting (ES6/ES5 cross-compiling, minification, browserify "-x" flag, etc) so apologies if the example doesn't run smoothly and that the .min.js is not small.

It is probably feasible to drop SVGO. The only thing it's doing is converting , , and a few other primitives into tags. It's not much more code to parse these primitives in extractSVGPaths(). We just need to convert the , etc tags into tags and return those synthetic tags along with the rest of the stuff from extractSVGPaths. Probably 10-30 lines of code.

I've got this running well enough for my needs right now so probably I won't contribute much more for now.

[7dir]

I thought use SVGO convert svg as services or/and cli command. Put SVGO inside package ... dirty style )))

Going review code.

@morandd thanks

PS Could I ask you some help? Maybe later?

[morandd]

not dirty style, with SVG inside the component simply works. one Githubissues.

Githubissues is a development platform for aggregating issues.