Javascript BMI計算器指針位置

Question

我正在構建一個BMI（身體質量指數）計算器，並且一切正常，但是現在我想添加一個帶有指針的圖像，該圖像指示BMI的結果。

我的問題是我不知道使用什么公式來計算指針將落在哪里以及將指針正確定位在圖像上。

因此，如果結果為21.5，則我希望指針位於圖像上21.5的位置。

請查看附件中的圖片，以確切地了解我想要實現的目標

謝謝

Answer 1

看到我自己對javascript還是很陌生，並且我不太確定您的圖像是如何構造的（如果它是一個大盒子或幾個小盒子），那么我只是給您我的觀點。

假設您有四個單獨的盒子，我們以綠色的盒子為例。 如果框范圍是從20到25 BMI，那么我將按照以下方法進行處理

MaxBMI-MinBMI =范圍（在20和25的情況下，范圍為5）

然后采用您當前的BMI（在本例中為21.5）

CurBMI-MinBMI = DistanceFromMin（在這種情況下，距離為1.5）

然后只需取（lengthOfBox / Range）* DistanceFromMin，就知道箭頭的位置。

如果這仍然不能回答您的問題，希望您能更好地說明問題。 （這確實是我在StackOverflow：P上的第一個答案）

Answer 2

使用百分比怎么樣？

假設您的圖片為200像素，左/左邊緣的bmi為20：200像素圖片的20％？

如果您可以通過一些代碼的鏈接提供有關實施的更多詳細信息，那么我的答案將更加清楚