Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML/Javascript元素旋转_Javascript_Html_Css_Rotation - Fatal编程技术网

HTML/Javascript元素旋转

HTML/Javascript元素旋转,javascript,html,css,rotation,Javascript,Html,Css,Rotation,我有一个元素,我已经设置来代表一个速度表。它有一个背景元素,它有仪表的实际图像,我还有一个针元素覆盖它,我根据一个变量值更改它的transform rotate属性 我已经确定,针的运动范围,以配合速度计是-132度至132度 变量的范围为0到100。所以我想要的最终结果是0,我想要仪表盘旋转-132,在50,我想要它旋转0,以此类推 我读过其他一些文章,展示了如何将-132132扩展到0100,尽管我不确定我是否做对了 我还阅读了如何使用变量*Math.PI/180来确定旋转 不幸的是,我的最

我有一个元素,我已经设置来代表一个速度表。它有一个背景元素,它有仪表的实际图像,我还有一个针元素覆盖它,我根据一个变量值更改它的transform rotate属性

我已经确定,针的运动范围,以配合速度计是-132度至132度

变量的范围为0到100。所以我想要的最终结果是0,我想要仪表盘旋转-132,在50,我想要它旋转0,以此类推

我读过其他一些文章,展示了如何将-132132扩展到0100,尽管我不确定我是否做对了

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

不幸的是,我的最终结果甚至不接近正确

有人能描述一下实现我期望的目标的正确过程吗


任何帮助都将不胜感激

这是一道数学题吗

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


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

2.64来自总目标范围132--132=264除以总原始范围100-0=100,因此264/100=2.64