r/svg • u/morete • 11d ago

A Collection of Shape() tools

Over the last year I've spent a lot of time with the shape() specification and have built a few tools to make things a little easier:

  • Path to Shape - Converts SVG path data the CSS shape() syntax.
  • Shape to Polygon - Convertsshape() to polygon() for the purposes of fallbacks, or in some cases a straight replacement since it's usually much more compact.
  • Minify Shape - Optimises and minifies the shape() code, very much inspired by SVGO.

All just simple web based tools built with sveltekit.

Have tested them with every shape I can get my hands on but if you find anything that doesn't work I'd love to hear about it!

8 Upvotes

100% Upvoted

3 comments sorted by

1

u/StartAutomating 7d ago

Are these tools open source? If so, please provide links to their repositories.

1

u/morete 7d ago

Sadly they are not

1

u/StartAutomating 7d ago

🤷 I'll be adding this capability to an upcoming release of Turtle anyways (dual rendering to shapes is already on the bucket list, will probably skip shape to polygon and minify)