Obtener las coordenadas del cursor en raphael

Question

¿Cómo obtener las coordenadas del cursor del mouse en la biblioteca raphaeljs?

estoy intentando algo como:

rect.mousemove(function (event) { 
     thisGrid.Popup.Show(event.layerX, event.layerY, ["clientX:", event.clientX, " clientY:", event.clientY, "\n", "layerX:", event.layerX, "layerY:", event.layerY, "\n", 
      "pageX:", event.pageX, "pageY:", event.pageY].join(' ')); 

         } 
        ); 

Pero todos los anuncios del retorno coordenadas relativas esquina superior izquierda de la ventana o algo así.

Aquí es pantalla

Answer 1

Yo también tuve este problema hace un tiempo. Debe tener en cuenta el div actual. En mi caso, el div se llamaba lienzo. Para las coordenadas he utilizado la siguiente:

posx = e.pageX - $(document).scrollLeft() - $('#canvas').offset().left; 
posy = e.pageY - $(document).scrollTop() - $('#canvas').offset().top; 

Nota: También estaba usando jQuery también ahí el uso de $. Puede usar document.getElementById si prefiere no usar jQuery.

Answer 2

de cómputo con la posición del elemento de origen del evento (event.srcElement)

Answer 3

Si quieres coordenadas relativas a su div, trate de usar event.offsetX/offsetY