Диагональ с помощью чистого hmtl?

toto_99 · 15.04.2002, 12:55

А можно ли нарисовать диагональную линию средствами html?
Спасибо!

evgenz · 15.04.2002, 13:07

toto_99 · 15.04.2002, 14:12

Спасибо большое!

hemilion · 15.05.2002, 13:39

а как на счет диагонали в друую сторону или под произвольным углом???

[subway]design · 15.05.2002, 19:12

Извращенцы...

Делаешь картинку 1000х1000, где нарисована диагональ и направлена в нужную сторону:

<img src=diagonal.gif width=100 height=50>

hemilion · 16.05.2002, 12:10

от извращенца слышу...
ты знаешь как такая диагональ будет выглядеть? у IE & NC нету сглаживания картинок... это будет чистой воды лажа.
нет чтобы честно сказать - нельзя так сделать

SPV · 16.05.2002, 13:09

Рисуем... с тормозами

<html>
<head>
<style>
.dot {position: absolute; left: -1; top: -1; width: 1; height: 1;}
</style>
<script>
var nn6 = (navigator.userAgent.indexOf('Netscape6')!=-1);
var nn = (!nn6 && navigator.appName=='Netscape');
var ie = (navigator.appName=='Microsoft Internet Explorer');
var dotcount = 0;
function dot(x,y,color) {
document.write('<div name="dt'+dotcount+'" id="dt'+dotcount+'" class="dot"><table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%"><tr><td bgcolor="'+color+'"><img src="i.gif" width="1" height="1"></td></tr></table></div>');
if (ie) {
document.all['dt'+dotcount].style.pixelLeft = x;
document.all['dt'+dotcount].style.pixelTop = y;
} else if (nn) {
document.layers['dt'+dotcount].left = x;
document.layers['dt'+dotcount].top = y;
} else if (nn6) {
document.getElementById('dt'+dotcount).style.left = x;
document.getElementById('dt'+dotcount).style.top = y;
}
dotcount++;
}
function line(x1,y1,x2,y2,color) {
dot(x1,y1,color);
var r = Math.sqrt((x2-x1)*(x2-x1)+(y2-y1)*(y2-y1));
var sx = (x2-x1)/r;
var sy = (y2-y1)/r;
for (var i=1; i<r; i++) {
var x = x1 + i*sx;
var y = y1 + i*sy;
dot(x,y,color);
}
dot(x2,y2,color);
}
</script>
</head>
<body>
<script>
line(10,10,100,15,'#FF0000');
line(100,15,100,150,'#00FF00');
line(100,150,10,10,'#0000FF');
</script>
</body>
</html>

hemilion · 16.05.2002, 14:45

нда... ну тут речь шла о "чистом html"...
хотя это решение интерестное... но на редкость тормозное...

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид