使用HTML5/Canvas/JavaScript等复制BBC iPlayer旋转效果

我想复制在BBC iPlayer上看到的效果，其中各种圆和圆弧围绕一个点旋转

我知道我需要使用

Canvas

元素和一些绘图代码来绘制必须旋转的圆弧。这是我如何测试绘制圆弧的示例。-我对CSS3功能的使用打了折扣，因为我不确定它是否能给我想要的控制——也许我错了

我不知道如何以模仿BBC iPlayer的方式旋转这些圆弧。理想情况下，我想创建一个预设图案并旋转各个部分，或者只是动态创建一个随机图案。但无论哪种方式，每个部分都需要自己的旋转速度等等

有人能帮我做一个快速的演示，或者提供一些关于如何开始这项工作的建议吗

---

如果您能就每种解决方案对浏览器的限制提出建议，我将不胜感激。我知道在IE中不会有太多的工作：）

你可以试着看看这个：。

我真的很期待当我们能够在浏览器中以一定的一致性完成所有这类工作时。这只是一个随机的谷歌搜索，结果是王牌！我很想知道你的最终结果是什么。