javascript - HTML/Javascript 元素旋转

Question

我有一个元素，我已将其设置为表示速度计。它有一个包含仪表实际图像的背景元素，我还有一个覆盖它的“针”元素，我根据变量值更改其变换旋转属性。

我已经确定了与速度计匹配的指针运动范围是-132度到132度。

变量的范围是 0 到 100。所以我想要的最终结果是值为 0，我希望仪表盘旋转 -132，在 50 时，我希望它旋转 0，等等。 ...

我已经阅读了其他主题，展示了如何将 (-132 <> 132) 缩放到 (0 <> 100)，但我不确定我是否做对了。

我还阅读了如何使用我的变量 * Math.PI/180 来确定旋转...

不幸的是，我的最终结果还差得远。

有人可以描述实现我正在寻找的目标的正确过程吗？

如有任何帮助，我们将不胜感激!

Answer 1

这是一道数学题吗？

如果是这样，您只需申请:vel*2.64-132。不需要转换为度数，因为它已经是度数(如果你的范围 -132<> 132 最初是度数)。请记住使用 deg 指定它的度数。

如果您想了解有关旋转单位的更多信息，可以查看 specs here .