我可以用 CSS 画出像命运之轮这样的东西吗？答案

【问题标题】：Can I draw something like Wheel of Fortune using CSS?我可以用 CSS 画出像命运之轮这样的东西吗？
【发布时间】：2012-06-23 07:21:48
【问题描述】：

我希望只使用 CSS 和 jQuery 来绘制命运之轮。我不想使用任何图像。

另外，我希望圆圈中至少有 8 个片段，并在每个片段中正确垂直对齐每个文本单词。这是一张照片来说明：

一旦我有了这个工作，我就可以使用CSS3 rotate 属性。

知道我该怎么做吗？

【问题讨论】：

【解决方案1】：

这是一个使用 Canvas 在 HTML5 中完成的纺车演示：LINK

直接下载到项目演示文件：ZIP

编辑：这是一个不同的教程演示：
Creating a roulette wheel using html5 canvas

【讨论】：

【解决方案2】：

这是另一个使用 Canvas 的 spinning wheel 示例

【讨论】：

【解决方案3】：

它像你一样旋转文本，但你必须处理每个字母的居中。

【讨论】：

【解决方案4】：

它包含一些您需要的介绍性教程。检查 github 上的 JS 2d Transformation 库代码。

【讨论】：

css-mask 使用图像..我只想用颜色代替，还必须在上面写文字..它还有用吗？
@Jigar 是的，为什么不呢，你需要设置文本 div 来代替这篇文章如何管理图像及其所有关于一个想法..你可以通过这个 tut 让我知道你是否面对任何问题:)
我现在已经使用了图像..你可以在这里看到它link 但我有一个问题..单击停止按钮时，轮子 shd\udnt 突然停止..相反它慢点。。