linea continua javascript

rropegod · #1 (**permalink**) 10/09/2005, 08:45

alguien sabe como se puede realizar una linea en javascript con las siguientes caracteristicas, al presionar mouse (onmousedown) comienze a dibujar una linea segun voy movien o el mouse pero que sea siempre recta y al soltarlo onmouseup se termine o algo parecido con un circulo que se agrande mientras mueves el mouseuna vez de clickear.
solo en javascript

si alguen sabe como hacer esto se agradece.

pd:dibujar una linea marcando dos puntos no me sirve.

flaviovich · #2 (**permalink**) 10/09/2005, 10:37

Este tema lo he visto un par de veces..
Bueno, en este enlace hay no solo para dibujar lineas..
http://www.pepemolina.com/efectos/libgraf.js
Yo no lo he probado, asi que por favor avisanos si te sirvio :)

caricatos · #3 (**permalink**) 10/09/2005, 11:07

Hola:

Bueno, con la librería que indica flaviovich (¡Hola

!) y un poco de paciencia puede hacerse, pero te advierto que consume muchos recursos.

Saludos

flaviovich · #4 (**permalink**) 10/09/2005, 12:57

Hola, caricatos!
Por segunda vez te adelante.. pero los lauros son tuyos!

kceres · #5 (**permalink**) 24/05/2009, 21:47

Alquien por fin pudo hacer lo que aqui se pide????

al presionar mouse (onmousedown) comienze a dibujar una linea segun voy moviendo el mouse pero que sea siempre recta y al soltarlo onmouseup se termine.

Me haria mucha falta si alguien sabe.

saludos, kceres

kceres · #6 (**permalink**) 24/05/2009, 22:28

tengo una parte del codigo(aunque no me gusta como se programa, pero bueno)....lo que me hace falta es que cuando arrastre el clic no se forme un regero con todas las lineas que habia echo antes.

<html>
<body>
<script>
// Prueba para internet explorer.
// Crea una lÃnea entre dos puntos.

var x0 = 100;
var y0 = 150;
var x1 = 200;
var y1 = 250;

// Si alguna de las dos componentes son iguales, dibujamos una lÃnea recta.
if (x0 == x1)
{
document.write ("<div id=linea0 style='position:absolute;top:" + y0 + "px;left:" + x0 + "px;height:" + (y1-y0) + "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
{
var tan = (y1-y0)/(x1-x0);
// iteramos sobre x
for (var x=x0;x<x1;x++)
{
document.write ("<div id=linea" + x + " style='position:absolute;top:" + (tan*x) + "px;left:" + x + "px;width:2px;height:2px;font-size:1px;background:black'></div>");
}
}
}

</script>

</body>
</html>

kceres · #7 (**permalink**) 25/05/2009, 07:39

Vamos amigos....este post ha sido visitado muchas veces y es que las personas estan buscando lo que aqui se pide y todavia no tiene solucion....vamos a ver si podemos hacerlo entre todos!!!!!

saludos, kceres

kceres · #8 (**permalink**) 29/05/2009, 09:21

Ya solucione el problema que tenia y que aqui se estaba planteando...el que quiera tener el codigo que contacte conmigo directamente....no lo pongo ahora aqui pues esta "sucio" y tengo que borrar las cosas que tiene de mas y ponerlo mas decente.

saludos, kceres