Convert rotation to points array for a SVG Path

Question

I have a path that is basically a rectangle with 4 points. I rotate it by adding transform="rotate(45)" . Now I need to get coords of each corner point of the rotated path relatively to the container.

Probably it should be not rotation at all, but calculating a new d value with some algorithm for the path then setting it and making path look like it was rotated.

Please advise.

Answer 1

You can convert a path string by using the Snap.path.map() method. Docs .

So using a matrix (eg Snap.matrix().rotate(45)), you can then pass it along with your path string to the Snap.path.map( myPath, myMatrix ); and it should convert it for you.