Código:
var x;
var prueba;
x=$(document);
x.ready(inicializarEventos());
var px1, px2, py1,py2;
var bandera =true;
var bandangulo =true;
function inicializarEventos()
{
var x;
x=$(document);
prueba=44444;
x.click(moverMouse);
}
function moverMouse(event)
{
var angulovar; //representa el angulo en si
prueba=777;
var x;
x=$("#corx");
x.text("coordenada x="+event.clientX);
x=$("#cory");
x.text("coordenada y="+event.clientY);
// Dibujar circulo
$("canvas").drawEllipse({
fillStyle: "#000",
x: event.clientX-5, y: event.clientY-5,
width: 10, height: 10
});
if (bandera == true)
{
bandera=false;
px1=event.clientX;
py1=event.clientY;
//alert(px1);
}
else
{
bandera=true;
px2=event.clientX;
py2=event.clientY;
//alert(px2);
$("canvas").drawLine({
strokeStyle: "#000",
strokeWidth: 4,
x1: px1-5, y1: py1-5,
x2: px2-5, y2: py2-5,
});
/// Pendiente
var pendiente1;
pendiente1=$("#pendiente1");
var pendiente2;
pendiente2=$("#pendiente2");
n= ((py2-py1)/(px2-px1));
if (bandangulo == true)
{
m=n;
bandangulo=false;
pendiente1.text("pendiente1 ="+ (n));
}
else
{
bandangulo=true;
angulovar = (Math.abs( Math.atan((m-n)/(1+(m*n))))*180/Math.PI);
var textoangulo; //representa la cadena a exportar
textoangulo=$("#angulo");
textoangulo.text(angulovar);
pendiente2.text("pendiente2 ="+ (n)); }
// prueba=angulovar;
// return prueba;
}
}


