规范化值一起圆的半径

Question

我想对cs.kenji-special.info

基本上是以视为实现拖动/进程的影响，我的div输出的N多到页面和移动它们水平。我想跟踪您进行滚动的进度并将其显示在背后的圆圈上。我想象我应该跟踪视口的中心和第一项的X位置之间的距离..

我总元素的宽度，但无数次迭代后，我仍然无法达到的效果......

任何帮助，更多然后赞赏。

Answer 1

不知道如果我得到彻底你的问题，但你可以对通过的，取值范围代表值的圆上一点和规范trought 2个* PI辐射点，即（在排序的伪码）：

dv = 2PI/(Max-Min); 
currantAngle = (currentValue-Min)*dv; 
currentPointX = centerX+radius*cos(currentAngle) 
currentPointY = centerY+radius*sin(currentAngle) 

如果你的价值是从零开始的，它甚至更简单：

dv = 2PI/(Max); 
currantAngle = (currentValue)*dv; 
currentPointX = centerX+radius*cos(currentAngle) 
currentPointY = centerY+radius*sin(currentAngle) 

从第一象限这个代码点开始和移动逆时针，您可以通过补偿的角度和改变的迹象相反的方向移动玩，但我认为这让你开始。