Programación Web y Scripting > JavaScript

 Unir puntos con una recta

(1/1)

jairolor:
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
{

// Codi on fa les diagonals
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

Navegación

[0] Índice de Mensajes