HTML5中的旋转轮图像（例如轮盘）？

问题描述：

在HTML5中模拟旋转轮盘赌的最佳方式是什么？HTML5中的旋转轮图像（例如轮盘）？

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

是否有HTML5库支持这个，或者是否需要手动设置动画？

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

答

它可以在几行CSS中完成。

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

谢谢！但是，我们没有问的一个问题是，确定哪个数字“登陆？”的最佳方法是什么？有没有简单的方法来做到这一点？我们可以想到的一种方法是保持车轮不动，并在车轮内旋转指针。根据指针落地的方式，我们可以确定登录的是哪个数字。不理想，但它会起作用。 – Crashalot

如果指针在车轮以北0度，并且数字段的角度等于例如10度，那么如果将车轮旋转400度，则指向第四个数字（'（400-360）/ 10'）。 – katspaugh

答

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

这是一个很棒的演示。在您将来某个时候移动或删除演示页面的情况下，从这里提供一个片段可能会很有用。 – Marvo

欢迎来到Stack Overflow！感谢您发布您的答案！请务必仔细阅读[自助推广常见问题]（http://stackoverflow.com/faq#promotion）。另请注意，每次链接到您自己的网站/产品时，您都必须*发布免责声明。 –

答

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

而且我知道这可能与轮/轮轮盘视角有点不同......但花哨的jqyery插件看起来非常有趣和可定制。