I am trying to build something similar to an analog clock. Please see the attached image. I’d like to have this .svg rotate a full 360 degrees over the course of a number of hours set by an input. For example, if a user sets the value at 8, this image should rotate a full 360 over the course of 8 hours. Note that the image is a circle with a hand sticking out from it. This means the the center of the image is not the center of the circle. I would like to set the rotation anchor point to be the center of the circle. Also, please let me know if a .svg file is appropriate for this use case or if I should consider a different file format. How can I achieve this?
Any help is much appreciated!
