javascript - HTML5 中的旋转轮图像(例如，轮盘)？

Question

在 HTML5 中模拟旋转轮盘的最佳方法是什么？

轮子的旋转应该可以通过一些输入来控制(即，基于一些用户输入的旋转速度)。轮子旋转得越快，轮子上的标签应该越模糊，但随着转速变慢，轮子上的标签变得越来越可读。

是否有支持此功能的 HTML5 库，或者动画是否需要手动编程？

这也需要在 iOS 设备上得到支持。

Answer 1

只需几行 CSS 即可完成。

• http://jsfiddle.net/YNBxz/1/ – 仅限 CSS(请参阅 Chrome 或 Safari)。
• http://jsfiddle.net/YNBxz/2/ – 使用一些 JavaScript，演示如何自定义动画。

模糊是一种光学效果，不需要模拟。