HTML5中的旋转轮图像(例如轮盘赌轮)？

Question

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

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

是否有HTML5库支持这一点,或者动画是否需要手动编程？

这也需要在iOS设备上支持.

Answer 1

它可以在几行CSS中完成.

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

模糊是一种光学效应,它不需要模拟.

Answer 2

如果有人对使用Javascript和HTML5画布这样做感兴趣,请参阅http://www.dougtesting.net/winwheel/index.html以获取示例.很酷的是代码也可以下载.