배포 DIV 요소, 중복 및 오버 플로우

Question

내가 사업부 상자에 타원에 다른 크기와 DIV의 무리를 마련하기 위해 노력하고 방지 할 수 있습니다.

http://jsfiddle.net/gz2bH/5/

var stage = $('#stage'); 
$('#middle').css('top', stage.outerHeight()/2 - $('#middle').outerHeight()/2 + 'px'); 
$('#middle').css('left', stage.outerWidth()/2 - $('#middle').outerWidth()/2 + 'px'); 

drawEllipse(".block", stage.outerHeight()/2, stage.outerWidth()/2, stage.outerHeight()/2, stage.outerWidth()/2, 360); 

function drawEllipse(selector, x, y, a, b, angle) { 
var steps = $(selector).length; 

var i = 0; 
var beta = -angle * (Math.PI/180); 
var sinbeta = Math.sin(beta); 
var cosbeta = Math.cos(beta); 

$(selector).each(function(index) { 
    i += (360/steps); 
    var alpha = i * (Math.PI/180); 
    var sinalpha = Math.sin(alpha); 
    var cosalpha = Math.cos(alpha); 
    var X = x + (a * cosalpha * cosbeta - b * sinalpha * sinbeta); 
    var Y = y + (a * cosalpha * sinbeta + b * sinalpha * cosbeta); 


    X = Math.floor(X); 
    Y = Math.floor(Y); 
    if (X > stage.outerHeight()/2) 
     $(this).css('top', X - $(this).outerHeight() + 'px'); 
    else 
     $(this).css('top', X + 'px'); 

    $(this).css('left', Y - $(this).outerWidth()/2 + 'px'); 

}); 

시작점 내가 사업부 년대의 중복과 상자를 넘쳐 방지하려면 어떻게 https://github.com/addyosmani/js-shapelib/blob/master/jquery.shapelib.js

했다 : 여기

내가 아직까지이 무엇인가?

Answer 1

미성년자 및 주요 축 (a와 b) 당신이 달성하려고했던 것에 대해 너무 작았 다. #stage에이 CSS를 사용해보세요.

#stage{ 
width:800px; 
height:600px; 
margin:2em; 
float:left; 
position:relative; 
background:#444; 

}