Здесь рисуется линия слева на право. Проблема в том что она сразу пропадает.
<html>
<head>
<title>Линия</title>
<script>
function line(x1,y1,x2,y2)
{
if (x1<x2 && y1<y2)
{
x=x1; dx=(x2-x1)/(y2-y1)
for(y=y1;y<y2;y++)
{
hr1=document.createElement("hr")
hr1.style.color="black";
hr1.style.position="absolute"
hr1.style.left=x;
hr1.style.top=y;
hr1.width=Math.round(dx)
doc.appendChild(hr1);
x+=dx
}
}
}
function line1()
{
x1=eval(form1.xt1.value);
y1=eval(form1.yt1.value)
x2=eval(form1.xt2.value);
y2=eval(form1.yt2.value)
line(x1,y1,x2,y2)
}
</script>
</head>
<body id="doc">
<form id="form1">
<p>Координаты начальной точки
<br><font face="system">x = </font><input type=text id="xt1" size=10>
<br><font face="system">y = </font><input type=text id="yt1" size=10>
<p>Координаты конечной точки
<br><font face="system">x = </font><input type=text id="xt2" size=10>
<br><font face="system">y = </font><input type=text id="yt2" size=10>
<p><button onClick="line1()">Рисование</button>
</form>
</body>
</html>