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：200px图像的20％？

如果您可以通过某些代码的链接提供有关您实现的更多详细信息，我可以更清楚地了解答案