Выравнивание элементов вокруг круга

Question

Я немного экспериментирую с выравниванием элементов по кругу с использованием функций cos и sin jQuery. Проблема, с которой я в настоящее время сталкиваюсь, заключается в том, что мои «точки» неправильно привязаны. Я вычисляю угол, деля количество числовых точек с общим радиусом окружности 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;