Combining Multiple SVG Transformations

Posted by Andi on Stack Overflow See other posts from Stack Overflow or by Andi
Published on 2014-06-10T11:12:00Z Indexed on 2014/06/10 21:25 UTC
Read the original article Hit count: 241

Filed under:
|

I'm new to Snap.svg and SVG and experimenting with transformations (an illustraiting plunk can be found here). Basically I'm trying to move, scale and rotate a shape according to its configuration. This is what I've found out so far:

  • rotating around a point is possible with rotate(angle, x, y)
  • there is no direct transform method to scale around a point but it can be done as described in "SVG Essentials"

However combining these transforms doesn't give me the expected result - my expected calculated center of the shape differs from the rendered one. Can anyone give me some pointers on how to correctly put these transforms together?

Regards, Andi

© Stack Overflow or respective owner

Related posts about svg

Related posts about snap.svg