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

时间:2011-10-05 21:32:33

标签: javascript iphone html5 html5-canvas html5-animation

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

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

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

这也需要iOS设备支持。

3 个答案:

答案 0 :(得分:15)

可以在几行CSS中完成。

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

答案 1 :(得分:9)

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

答案 2 :(得分:2)

你可以使用jfortune,它是一个jquery插件。 https://github.com/tehsis/jfortune

而且我知道这可能与圆形/轮盘轮盘视角有点不同......但是fancy-jqyery-plugin看起来非常有趣且可定制。

http://www.jqueryscript.net/animation/Fancy-jQuery-Plugin-For-Roulette-Image-roulette-js.html