Looking to achieve a dynamic effect similar to the one showcased on the BBC iPlayer, where circles and arcs gracefully rotate around a central point.
To create this effect, I am aware that utilizing the Canvas element and implementing drawing code for the arcs is essential. I have experimented with drawing arcs using this example, opting out of CSS3 features due to uncertainty about achieving desired control - could there be a better approach?
The challenge lies in rotating these arcs in a manner reminiscent of the BBC iPlayer interface. My goal is to either establish a fixed pattern with independent section rotations or generate a unique pattern dynamically. Each section should have its own rotation speed and characteristics.
Any assistance in providing a demonstration or initial guidance on how to initiate this project would be greatly appreciated.
Furthermore, insights into potential browser limitations associated with different solutions are welcome. Though I am mindful that compatibility might prove problematic for IE users :)