Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 14.05.2019, 13:40   #1
настя2222
Пользователь
 
Регистрация: 14.05.2019
Сообщений: 13
По умолчанию Задача на построение Эллипса в html

Создайте страницу (рис. 4) , на которой строится эллипс с задаваемыми пользователем размерами большой и малой полуосей.
Указания. Для построения эллипса удобно использовать его параметрические уравнения:
x = a* cos(t); y = b*sin(t),
где: a, b – полуоси, 0 <= t <= 2?
Изображения
Тип файла: png Безымянный.png (70.1 Кб, 229 просмотров)
настя2222 вне форума Ответить с цитированием
Старый 14.05.2019, 14:35   #2
Serge_Bliznykov
Старожил
 
Регистрация: 09.01.2008
Сообщений: 26,238
По умолчанию

что не получается?
Serge_Bliznykov вне форума Ответить с цитированием
Старый 14.05.2019, 14:43   #3
настя2222
Пользователь
 
Регистрация: 14.05.2019
Сообщений: 13
По умолчанию

Построить эллипс.По горизонтали и по вертикали. Как на картинке.
Нам нужно значения по вертикали и горизонтали. Чтобы вводить значения

Код:
<html>
<body>
<H2 align=center>Построение окружности заданного диаметра<BR></h2>
<TABLE BORDER=0>
<TR><TD><b>ВВЕДИТЕ ДИАМЕТР</b> <TD>
<INPUT TYPE="text" name="D" ID="D">
<TR><TD> &nbsp;<TD>
<INPUT type="BUTTON" value='ПОСТРОИТЬ' onclick="Okrugn()">
<DIV ID="K" style=" position:absolute;  top: 100px;  left:500px;  height:500px;  width:500px;  background-color:#FFDEAD">
</div>
<script>
function Okrugn()
{	//D=document.forms[0].D.value
D=document.getElementById('D').value
	str='<svg height="140" width="500">
   <ellipse cx="200" cy="80" rx="100" ry="50"
  style="fill:#FF4500;stroke:purple;stroke-width:2"/>
</svg> 
	document.getElementById('K').innerHTML=str
}</script>
</body>
</html>
настя2222 вне форума Ответить с цитированием
Старый 14.05.2019, 15:54   #4
Serge_Bliznykov
Старожил
 
Регистрация: 09.01.2008
Сообщений: 26,238
По умолчанию

Код:
<html>
<head><meta charset="utf-8"></head>
<body>
<h1 align=center>Построение эллипса<BR></h1>
<TABLE BORDER=0>
<THEAD><TR>Задайте длины полуосей</TR><THEAD>
<TR><TD>Горизонтальная a=<TD>
<TD><INPUT TYPE="text" name="A" ID="A"></TD></TR>
<TR><TD>Вертикальная b=<TD>
<TD><INPUT TYPE="text" name="B" ID="B"></TD></TR>
<TR><TD> &nbsp;<TD></TR>
<TR><TD><INPUT type="BUTTON" value='ПОСТРОИТЬ' onclick="draw_ellipse()"></TD><TR>
</TABLE>
<DIV ID="K" style=" position:absolute;  top: 100px;  left:500px;  height:500px;  width:500px;  background-color:#FFDEAD">
</div>
<script>
function draw_ellipse()
{	//D=document.forms[0].D.value
	var A=document.getElementById('A').value
	var B=document.getElementById('B').value
	sEllipse='<svg height="500" width="500">'+
	'<ellipse cx="250" cy="250" rx="'+A+'" ry="'+B+'" style="fill:#FF4500;stroke:purple;stroke-width:2" />'+
	'<line x1="250" y1="0" x2="250" y2="500" style="stroke:black;stroke-width:2" />'+
	'<line x1="0" y1="250" x2="500" y2="250" style="stroke:black;stroke-width:2" />'+
	'</svg>'
	document.getElementById('K').innerHTML=sEllipse
}</script>
</body>
</html>
Serge_Bliznykov вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
построение верхней полуокружности эллипса Narina Microsoft Office Excel 4 18.05.2019 23:44
Построение сайта HTML используя блокнот и Office Armon Помощь студентам 2 30.04.2013 00:35
Задача: Построение индекса текста (Java) nikolai.virus Помощь студентам 2 30.03.2012 15:27
Графика в Delphi(Задача на построение линии...). shaikan Помощь студентам 3 10.10.2010 17:46
Задача на построение/обьединение списков. (С++) Lainus Помощь студентам 14 25.03.2009 00:42