jmtrivial / flatten.js

Transform any svg file into a simplified version by removing all the transformation matrices

flatten.js

Transform any svg file into a simplified version by removing all the transformation matrices.

A demo interface is provided to test the library.

flatten.js's Issues

Linear gradient matrix not touched

Interesting tool. I gave the demo a shot with a logo which I have been working on and unfortunately it was 'jumbled' by the app. Also, the linear gradients were not touched, this is what I most want to fix. Of course, I realise the world doesn't revolve around me, but I would be interested in an update should you get round to looking at it.

If you would like a copy of the logo for testing, please let me know.

SVGO awareness

I don't know if you used SVGO before, but it seems like a lot of code in this library could be made as a plugin to SVGO or use SVGO plugins to do certain operations that are implemented here. Just wanted to bring awareness to those plugins: https://github.com/svg/svgo

Btw, it also works in the browser beautifully.

<image> element result is wrong

Example case:

<g transform="scale(2,3)">
    <image  transform="translate(112,113)" --- />
</g>

flatten.js removed the outer transform but not changed the inner transform attribute.