Javascript bmi计算器指针位置

Question

我正在构建一个 BMI( body 质量指数)计算器，一切正常，但现在我想添加一个带有指针的图像，指示 BMI 结果。

我的问题是，我不知道使用什么公式来计算指针将落在哪里并将指针正确定位在图像上。

因此，如果结果是 21.5，我希望指针位于图像上 21.5 所在的位置。

请查看所附图片，以准确了解我想要实现的目标

谢谢

Answer 1

鉴于我自己对 javascript 非常陌生，并且我不太确定您的图像是如何构造的(如果它是一个大盒子或几个较小的盒子)，我只会给您我的观点。

假设您有四个独立的盒子，我们以绿色盒子为例。如果方框范围是 20 到 25 BMI，那么我会按如下方式处理

MaxBMI - MinBMI = Range(在 20 和 25 的情况下，Range 为 5)

然后取您当前的 BMI(在本例中为 21.5)

CurBMI - MinBMI = DistanceFromMin(在本例中距离为 1.5)

然后只需采用 (lengthOfBox/Range) * DistanceFromMin 即可知道箭头的位置。

如果这根本不能回答您的问题，我希望您能更好地说明问题。(这确实是我在 StackOverflow 上的第一个答案:P)