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을 참조하십시오.