How to specify the x-y rotation point when using animateTransform?

Question

I want to use animateTransform to rotate an SVG image continuously. So here we go:

Answer 1

To be clear: what we are trying to achieve is rotation around a center which is itself being translated. I find that if I have an , I cannot use , nor to perform simultaneous translation. It (latest Chrome or Firefox) does not interpolate the center of rotation as desired, resulting in a "loop de loop" instead. However, using a simple for each of the x,y coordinates does work as desired; in this case, interpolates the center along the x,y path, as long as you set the from= parameter to the start angle, start x and start y position, and set the to= parameter to the ending values.