Unir puntos con una recta
Publicado por Jairo Lorenzo (2 intervenciones) el 16/02/2009 15:32:59
Hola a todos,
No consigo hacer rectas diagonales desde un punto inferior izquierdo a un punto superior derecho, porque se salen de la pantalla
dejo la formula que estoy utilizando
La cuestión es que la coordenada "y" actúa a la inversa, es decir, va desde el punto superior izquierdo hacia abajo
y creo que el problema viene por eso.
Gracias de antemano
var x0 = 50;
var x1 = 256;
var y0 = 390;
var y1 = 100;
if (x0 == x1)
{
document.write ("<div id=linea0 style='position:absolute;top:" + y0 + "px;left:" + x0 + "px;height:" + (y0-y1) + "px;width:1px;font-size:1px;background:black'></div>");
}
else
{
if (y0 == y1)
{
document.write ("<div id=linea0 style='position:absolute;top:" + y0 + "px;left:" + x0 + "px;width:" + (x1-x0) + "px;height:1px;font-size:1px;background:black'></div>");
}
else
{
// Codigo donde hace las diagonales
var tan = (y0-y1)/(x1-x0);
for (var x=x0;x<x1;x++)
{
document.write ("<div id=linea" + x + " style='position:absolute;top:" + (tan*x) + "px;left:" + x + "px;width:1px;height:1px;font-size:1px;background:black'></div>");
}
}
}
Saludos
Jairo Lorenzo
No consigo hacer rectas diagonales desde un punto inferior izquierdo a un punto superior derecho, porque se salen de la pantalla
dejo la formula que estoy utilizando
La cuestión es que la coordenada "y" actúa a la inversa, es decir, va desde el punto superior izquierdo hacia abajo
y creo que el problema viene por eso.
Gracias de antemano
var x0 = 50;
var x1 = 256;
var y0 = 390;
var y1 = 100;
if (x0 == x1)
{
document.write ("<div id=linea0 style='position:absolute;top:" + y0 + "px;left:" + x0 + "px;height:" + (y0-y1) + "px;width:1px;font-size:1px;background:black'></div>");
}
else
{
if (y0 == y1)
{
document.write ("<div id=linea0 style='position:absolute;top:" + y0 + "px;left:" + x0 + "px;width:" + (x1-x0) + "px;height:1px;font-size:1px;background:black'></div>");
}
else
{
// Codigo donde hace las diagonales
var tan = (y0-y1)/(x1-x0);
for (var x=x0;x<x1;x++)
{
document.write ("<div id=linea" + x + " style='position:absolute;top:" + (tan*x) + "px;left:" + x + "px;width:1px;height:1px;font-size:1px;background:black'></div>");
}
}
}
Saludos
Jairo Lorenzo
Valora esta pregunta
0
