我试图以编程方式围绕圆圈绘制坐标。这里的硬编码很难显示我的目标:
var iteration = 4;
var left = [94,200,104,-6];
var top = [-6,94,200,94];
for(var i=0; i<iteration; i++){
$("#center").append("<div class='point' style='left:"+left[i]+"px;top:"+top[i]+"px'></div>");
}
数学绝对不是我的强项。
我需要将人们视为站在一个大圈子周围的小圈子。但是,会有随机数量的人,他们都需要等距离。我不确定我是否应该从一个中心点开始工作。
答案 0 :(得分:32)
假设(x0, y0)
是您圈子的中心,r
是半径:
var items = 4;
for(var i = 0; i < items; i++) {
var x = x0 + r * Math.cos(2 * Math.PI * i / items);
var y = y0 + r * Math.sin(2 * Math.PI * i / items);
$("#center").append("<div class='point' style='left:"+ x +"px;top:"+ y +"px'></div>");
}