SVG Node - Animate Picture Rotation

How to use transform rotate to animate a picture rotation?
I tried multiple x,y coordinates but it doesn't rotate at middle point.

You need x,y coordinates of the center of the object. It can be hard to find, but if you know the position of the top left corner then you need to add half the height and width of the object to the x and y for the center.

So if the object is at 100,100 and its size is 50x50 use 125,125

2 Likes

I tried that and it works, but the image gets smaller by a certain scale and offsets from the current location.

I had to remove the image element and reinsert it and now it works fine.

Thank you!

3 Likes

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.