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

标签 javascript jquery css html canvas

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

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

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

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

对于每种解决方案强加的任何浏览器限制的任何建议,我也将不胜感激。我知道在 IE 中没有多少工作:)

最佳答案

你可以试试看这个:HTML5 Canvas Machines Vortex .

关于javascript - 使用 HTML5/Canvas/JavaScript 等复制 BBC iPlayer 旋转效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4971604/

相关文章:

javascript - JQuery 代码中使用的 CSS 类的事件监听器的性能开销

javascript - 有关使用参数对象创建可变参数函数的有效 JavaScript 示例中是否存在错误?

javascript - 单击表格行时如何显示模式?

jquery - Bootstrap 下拉列表位置(上/下)基于文档高度

jquery - 如何在 jQuery 对话框标题中显示俄语文本

javascript - 错误类型错误 : Cannot read property '0' of null | Angular 7

javascript - 添加动态系列

jquery - 创建一个同时处理文件和 url 的 <input>?

css - Bootstrap 3.2.0。覆盖表格单元格的打印媒体 CSS 设置

css - 如何在 CSS 中为 Ipad 和平板电脑的纵向和横向设置媒体查询