2015-01-06 92 views
0

我正在建立一个BMI(身体质量指数)计算器,一切工作正常,但现在我想添加一个指针图像指示BMI的结果。Javascript bmi计算器指针位置

我的问题是,我不知道要使用什么公式来计算指针将落在何处以及在图像上正确定位指针。

所以如果结果是21.5我希望指针位于图像上21.5的位置。

请看附件看正是我想要的达到

enter image description here

谢谢

+0

什么是单独盒体的宽度更清晰的链接iomplementation?差距有多大? –

+0

我想这一切都取决于你用于图形表示的方法,你将使用哪种方法还不清楚。 – Xotic750

+0

为什么你的广场有相同的宽度? BMI通常在15到40之间,正常BMI的第一个值应该是18.5。这不在你的图片中。您的范围因此关闭。好的,你可以这样做,但你有什么努力来计算不同的比率?你有没有考虑改变宽度以匹配实际结构? –

回答

1

看我自己怎么了非常新的JavaScript,我真的不知道该怎么像你图像是如何构建的(如果它全是一个大盒子或几个较小的盒子),我只是给你我的观点。

假设你有四个独立的盒子,我们以绿色盒子为例。 如果框范围为20至25 BMI然后根据其次

我想接近它MaxBMI - MinBMI =范围(在案件20和25,范围是5)

然后把你目前的体重指数(以这种情况下,21.5)

CurBMI - MinBMI = DistanceFromMin(在这种情况下距离为1.5)

然后简单地采取(lengthOfBox /范围)* DistanceFromMin,你知道箭头的位置。

如果这没有回答你的问题,我希望你可以更好地指出问题。 (这真是我在StackOverflow上的第一个答案:P)

0

如何使用百分比?

可以说你的图像是200px,在左边/左边缘有一个bmi为20:你的200px图像的20%?

如果你能提供更多的细节在你的一些代码,我可以跟答案