javascript - 围绕点的位置

Question

我在页面上有一个中心点 (x,y)，需要围绕该点均匀分布不同数量的项目 (div)。到中心点的距离将是固定的。

这是我迄今为止的代码:

var noElements = $('div').size();
var xDistance = 100;
var angle = 0;
var offset = 250;

$('div').each(function(index) {
    angle = (360 / noElements)*index;

    $(this).css({'left': offset + (Math.sin(angle) * xDistance), 'top': offset + (Math.cos(angle) * xDistance)});
});​

这是 fiddle 中的代码.

这不太有效，如果您在 fiddle 中添加更多 div，您偶尔会看到 div 分布不均匀。例如，有 8 个元素，会导致底部的两个元素重叠。

Answer 1

Math.sin 和 Math.cos 需要以弧度为单位的 Angular ，而不是度数。您必须在通过之前将 Angular 转换为弧度:

var radians = degrees * (Math.PI/180);