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
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