規範化值一起圓的半徑

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) 

從第一象限這個代碼點開始和移動逆時針，您可以通過補償的角度和改變的跡象相反的方向移動玩，但我認爲這讓你開始。