Задача на построение Эллипса в html - JavaScript, Ajax

настя2222 · 14.05.2019, 13:40

Создайте страницу (рис. 4) , на которой строится эллипс с задаваемыми пользователем размерами большой и малой полуосей.
Указания. Для построения эллипса удобно использовать его параметрические уравнения:
x = a* cos(t); y = b*sin(t),
где: a, b – полуоси, 0 <= t <= 2?

Serge_Bliznykov · 14.05.2019, 14:35

что не получается?

настя2222 · 14.05.2019, 14:43

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

Код:

<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>

Serge_Bliznykov · 14.05.2019, 15:54

Код:

<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>

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
построение верхней полуокружности эллипса	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

14.05.2019, 14:35	#2
Serge_Bliznykov Старожил Регистрация: 09.01.2008 Сообщений: 26,229	что не получается?