Pobierz współrzędne kursora w raphael

Question

Jak uzyskać współrzędne kursora myszy w bibliotece raphaeljs?

Próbuję coś takiego:

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(' ')); 

         } 
        ); 

Ale wszystkie ogłoszenia powrócić współrzędne względne lewym górnym rogu okna, czy coś.

Oto zrzut ekranu

Answer 1

Ja też miałem ten problem jakiś czas temu. Musisz wziąć pod uwagę obecny div. W moim przypadku div został nazwany płótnem. Dla współrzędnych użyłem następujące:

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

Uwaga: Byłem też przy użyciu jQuery zbyt stąd użycie $. Możesz użyć document.getElementById, jeśli wolisz nie używać jQuery.

Answer 2

obliczyć z położenia elementu źródłowego wydarzenie (event.srcElement)

Answer 3

Jeśli chcesz współrzędnych względem swojej div, spróbuj użyć event.offsetX/offsetY