HTML/Javascript元素旋转
我有一个元素,我已经设置来代表一个速度表。它有一个背景元素,它有仪表的实际图像,我还有一个针元素覆盖它,我根据一个变量值更改它的transform rotate属性 我已经确定,针的运动范围,以配合速度计是-132度至132度 变量的范围为0到100。所以我想要的最终结果是0,我想要仪表盘旋转-132,在50,我想要它旋转0,以此类推 我读过其他一些文章,展示了如何将-132132扩展到0100,尽管我不确定我是否做对了 我还阅读了如何使用变量*Math.PI/180来确定旋转 不幸的是,我的最终结果甚至不接近正确 有人能描述一下实现我期望的目标的正确过程吗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来确定旋转 不幸的是,我的最
任何帮助都将不胜感激 这是一道数学题吗 如果是这样,您只需申请:vel*2.64-132。不需要转换为度,因为如果范围-132最初是以度为单位,则它已经以度为单位。记住用deg指定它的度数
如果您想了解有关旋转单位的更多信息,可以查看。2.64来自总目标范围132--132=264除以总原始范围100-0=100,因此264/100=2.64