Javascript 围绕圆对齐元素

我正在尝试使用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>

var paper=Raphael（'svg'，'100%'，'100%'）；
var=20；
var角度=360/圈；
对于（i=0；i<圆；i++）{
var x=200+100*数学sin（角度*i）；
变量y=200+100*数学cos（角度*i）；
控制台日志（角度*i）；
纸。圆（x，y，10）。属性({
填充：“绿色”
});
}
.包装纸{
宽度：100%；
身高：100%；
位置：绝对位置；
}
#svg{
宽度：100%；
身高：100%；
位置：相对位置；
背景：灰色；
}

正在工作，因此使用2*π而不是360

---

你有屏幕截图或小提琴，这样我们就可以看到它们是如何准确地错位的吗？

var angle = 2 * Math.PI / circles;