對齊圓周圍的元素

Question

我正在嘗試用jQuery的cos和sin函數對齊圓中的元素。我目前遇到的問題是我的「點」未正確對齊。我通過將總點數除以總數 - 360度圓半徑來計算角度。這在某種程度上造成了我的麻煩，我似乎無法找到答案。

var paper = Raphael('svg', '100%', '100%'); 
var circles = 20; 
var angle = 360/circles; 

for (i = 0; i < circles; i++) { 
    var x = 200 + 100 * Math.sin(angle * i); 
    var y = 200 + 100 * Math.cos(angle * i); 
    console.log(angle * i); 
    paper.circle(x, y, 10).attr({ 
     fill: 'green' 
    }); 
} 
.wrapper { 
width:100%; 
height:100%; 
position:absolute; 
} 
#svg { 
    width:100%; 
    height:100%; 
    position:relative; 
    background:gray; 
} 
<div class="wrapper"> 
<div id="svg"></div> 
</div> 

Answer 1

Math.sin正在radians，因此改爲使用的2 *π

var angle = 2 * Math.PI/circles;