7

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

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

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

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

4

3 回答 3

16

它可以在几行 CSS 中完成。

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

于 2011-10-05T21:47:53.557 回答
10

如果有人有兴趣使用 Javascript 和 HTML5 画布执行此操作，请参阅http://www.dougtesting.net/winwheel/index.html示例。很酷的是代码也可以下载。

于 2012-11-23T23:26:25.413 回答
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

于 2016-02-05T14:48:49.200 回答