javascript - HTML/Javascript 元素旋转

标签 javascript html css rotation

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

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

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

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

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

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

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

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

最佳答案

这是一道数学题吗?

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

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

关于javascript - HTML/Javascript 元素旋转,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26659993/

相关文章:

javascript - 使用javascript在按钮上显示图像

javascript - 在 Javascript 中对事件进行排序

java - JS 的encodeURI 相当于Java

jquery - 100% 后隐藏 Bootstrap 进度条

javascript - Bootstrap 表悬停不起作用

javascript - AngularJS 中的弹出窗口覆盖(模态)?

javascript - 如果目标包含特定类,window.onclick 函数不会删除类

php - 开发者工具出现语法错误

html - bootstrap中的offset有什么用?

javascript - jquery-ui 自动完成在内部 div 滚动时悬空