对齐圆周围的元素

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;