jquery - divを円に配置する

Question

円の周りにdivを配置する次のコードがあります。ただし、円を回転させて、円の上部からdivの順序を変更したいと思います。

function drawCircle(selector, center, radius, angle, x, y)
    {


    var total = $(selector).length;
    var alpha = Math.PI * 2 / total;

    $(selector).each(function(index)
    {
        var theta = alpha * index;
        var pointx = Math.floor(Math.cos( theta ) * radius);
        var pointy = Math.floor(Math.sin( theta ) * radius );


        $(this).css('margin-left', pointx + x + 'px');
        $(this).css('margin-top', pointy + y + 'px');
    });

   }


  $(document).ready(function()
  {


   drawCircle('.box', 0, 250, 0, 500, 500);

  });

Answer 1

var theta = Math.PI/2 - alpha * index;

大変でした:p

Answer 2

CSSですべてを回転させてみませんか？変換プロパティを使用するだけです。