Показать сообщение отдельно
  #14 (permalink)  
Старый 13.04.2012, 12:50
Профессор
Отправить личное сообщение для Маэстро Посмотреть профиль Найти все сообщения от Маэстро
 
Регистрация: 02.07.2010
Сообщений: 642

ууу... Натали, это уже не javascript. это уже математика/геометрия.
всё определяется Пифагором и его теоремой о катетах...
Сделаю упрощенную программу для круга (не для овала).
<html>
<body>
<script>
var kv1 = 500; // ширина внешнего квадрата
var r1 = 250; // параметр скругления квадрата (в пикселях)
  
// расчет радиуса круга, вписанного во внешний квадрат. я его здесь поставил готовый - вычислите самостоятельно(на основании параметра скругления)
var r2 = 250;
  
// расчет стороны внутреннего квадрата, вписанного в круг
var kv2 = parseInt(2 * Math.sqrt(r2*r2/2));  
var x = parseInt((kv1 - kv2)/2); // координата left внутреннего квадрата, вписанного в круг
  
  
var k1=document.createElement('DIV');
k1.style.cssText = 'position:absolute; left:0px; top:0px; width:'+kv1+'px; height:'+kv1+'px; border:solid 1px #FF0000; border-radius:'+r1+'px';
document.body.appendChild(k1);

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