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

时间:2011-02-11 16:37:45

标签: javascript jquery css html5 canvas

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

我知道我需要使用Canvas元素和一些绘图代码来绘制必须旋转的弧。 Here是我如何测试绘制弧的示例。 - 我对CSS3功能的使用不以为然,因为我不确定它会给我我想要的控件 - 也许我错了?

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

任何人都可以帮忙快速演示或者如何开始这方面的一些指示吗?

对于每个解决方案施加的任何浏览器限制,我也很感激。我理解不会在IE中工作太多了:))

1 个答案:

答案 0 :(得分:2)

您可以尝试看一下:HTML5 Canvas Machines Vortex