나는 BMI (체질량 지수) 계산기를 구축하고 있으며 모든 것이 잘 작동하지만 이제는 BMI 결과를 나타내는 포인터가있는 이미지를 추가하려고합니다.자바 스크립트 bmi 계산기 포인터 위치
내 문제는 포인터가 떨어지는 위치를 계산하고 이미지에 포인터를 올바르게 배치하기 위해 사용할 수식을 모르겠다는 것입니다.
그래서 결과가 21.5라면 포인터가 이미지의 21.5 지점에 있어야합니다.
당신
내가 나 자신 자바 스크립트 매우 새로운 오전 어떻게 보면 감사
을 달성하고자하고 정말 잘 모르겠어요 정확하게 볼에 첨부 된 이미지를 참조하십시오 방법을 이미지가 생성됩니다 (큰 상자 또는 여러 개의 작은 상자 인 경우). 저는 제 관점을 알려 드리겠습니다.
네 개의 개별 상자가 있다고 가정하고 예를 들어 초록색 상자를 예로 들겠습니다. 상자 범위는 20에서 25 BMI에 경우
을 다음과 같이 다음 나는 그것을 접근 할 MaxBMI - MinBMI = 범위 (경우에 20와 25, 범위는 5)다음에 현재의 BMI를 (걸릴 이 경우 21.5)
CurBMI이 -이 경우 거리에 MinBMI = DistanceFromMin는 (1.5)
그런 다음 단순히 (lengthOfBox/범위) * DistanceFromMin을 당신은 화살표의 위치를 알고있다.
이 질문에 전혀 답하지 않은 경우 조금 더 나은 문제를 지정할 수 있기를 바랍니다. (이것은 정말로 내 첫 번째 답변 StackOverflow : P)
백분율을 사용하는 것은 어떻습니까?
이미지가 200px이고 왼쪽/왼쪽 여백에 20bmi가 있다고 가정 해 봅시다 : 200px 이미지의 20 %입니까?
당신은 내가 대답
개별 박스의 폭이 무엇에 더 명확하게 할 수있는 몇 가지 코드의 링크 iomplementation에 더 많은 정보를 제공 할 수 있다면? 얼마나 큰 차이가 있습니까? –
나는 그래픽 표현에 사용하는 방법에 따라 모두 달라질 것이라고 생각합니다. 사용하는 방법은 분명하지 않습니다. – Xotic750
사각형의 너비가 같은 이유는 무엇입니까? BMI는 보통 15 ~ 40이며, 정상 BMI의 경우 첫 번째 값은 18.5입니다. 당신의 이미지에없는 것. 그러므로 범위가 벗어났습니다. 좋습니다, 그렇게 할 수는 있지만 다른 비율을 계산하려고 시도한 것은 무엇입니까? 실제 구조와 일치하도록 너비를 변경한다고 생각하십니까? –