将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旋转所有内容？只需使用transform属性。