Apply a matrix transform to a path about svg-path-commander HOT 8 CLOSED

Not directly no. Currently we're rocking this function which only takes a transformObject so far.

I've explained before in great detail why only this implementation, but in short it's not worth your time to mess with that.

from svg-path-commander.

it's not worth your time to mess with that.

I'm not sure I have a choice unfortunately, I need to collapse an svg into a single path, but this svg could have groups applying matrix transformations to various parts of it, so I need to resolve those.

from svg-path-commander.

We might find an algorithm to merge paths into one, I'm sure, just I don't have the time right now.

However you can make use of the online demo to transform each path by its transform and/or its group transform, find a pattern and make an algorithm, I can try and help with that.

from svg-path-commander.

Thanks, for now I'm just using svg-path-commander, for it's ability to set the origin of a transformation, and svgpath, for its ability to apply a matrix transformation. Ideally I'd have just one dependency for manipulating paths, but it's good enough I guess.

from svg-path-commander.

If you only need to transfer the transformation from the transform attribute into the path commands, we only need a parser, then the algorithm is straight forward.

from svg-path-commander.

A parser for the value of the attribute? something like value.slice(7, -1).split(',').map(Number)? (assuming it's a matrix, but it should be simple enough to handle all the other options)

Could you point me to what the algorithm is? I've seen different ones, none worked with same as svgpath for me, maybe I'm missing something 🤔

from svg-path-commander.

In short, I'm thinking:

• parse transform string from <path>s
• parse transform string from parent <g> groups
• apply the transformation to path in a specific order (I'm thinking parent groups first, EG parent G -> parent G -> path)
• remove the transform attribute from all in the tree
• repeat for every path

Does this sound complicated?

from svg-path-commander.

Closed due to no activity.

from svg-path-commander.