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％？

如果您可以通过一些代码的链接提供有关实施的更多详细信息，那么我的答案将更加清楚