Показать сообщение отдельно
  #15 (permalink)  
Старый 13.04.2012, 16:36
Интересующийся
Отправить личное сообщение для Natali_RnD Посмотреть профиль Найти все сообщения от Natali_RnD
 
Регистрация: 16.01.2012
Сообщений: 12

Спасибо огромное!! Не знаю, чтобы я без вас делала.. Привожу код для эллипса.

<html>
<body>
<script>
    var w1 = 245; // ширина внешнего прямоугольника
    var h1 = 355; // высота внешнего прямоугольника
    var r1 = parseFloat(w1/2); // параметр скругления по ширине (в пикселях)
    var r2 = parseFloat(h1/2); // параметр скругления по высоте (в пикселях)

    // расчет сторон внутреннего прямоугольника, вписанного в эллипс
    var w2 = parseInt(2 * Math.sqrt(r1*r1/2));
    var h2 = parseInt(2 * Math.sqrt(r2*r2/2));

    var y = parseInt((h1 - h2)/2); // координата top внутреннего прямоугольника, вписанного в эллипс
    var x = parseInt((w1 - w2)/2); // координата left внутреннего прямоугольника, вписанного в эллипс

    var k1=document.createElement('DIV');
    k1.style.cssText = 'position:absolute; left:0px; top:0px; width:'+w1+'px; height:'+h1+'px; border:solid 1px #FF0000; border-radius:'+r1+'px/'+r2+'px;';
    document.body.appendChild(k1);

    var k2=document.createElement('DIV');
    k2.style.cssText = 'position:absolute; left:'+ x +'px; top:'+ y +'px; width:'+w2+'px; height:'+h2+'px; border:solid 1px #0000FF';
    document.body.appendChild(k2);
</script>
  </body>
</html>
Ответить с цитированием