html - 如何制作径向技能条

Question

有谁知道我在哪里可以找到关于制作像本网站所示的径向技能条的很好的教程/指南/信息？

Answer 1

我建议http://anthonyterrien.com/knob/作为一个很好的起点

Answer 2

Raphaël.js（一个奇妙的矢量图像库）用于该效果。

如果您想要一个更简单且易于实现（但不那么华丽）的解决方案，您还可以查看jQuery Knob。

由于您要求教程或操作方法，因此如果可能，您可能应该使用后者，因为 Raphael 更高级（并且更强大）。但是，如果您稍微搜索一下，Raphael 确实有一些可用的教程。

Answer 3

在对页面上的来源进行了进一步调查后，我发现它是用raphael.js制作的。

Answer 4

是的，看看极地钟，它真的很简单。虽然它不是教程。