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

Question

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

我知道我需要使用Canvas 元素和一些绘图代码来绘制必须旋转的弧线。 Here 是我测试绘图弧的一个例子。 - 我不赞成使用 CSS3 功能，因为我不确定它是否能给我想要的控制 - 也许我错了？

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

任何人都可以提供快速演示或一些关于如何开始使用的提示吗？

对于每种解决方案施加的任何浏览器限制，我也很感激。我知道在 IE 中不会有太多工作:)

Answer 1

你可以试试看这个：HTML5 Canvas Machines Vortex。