Получить координаты курсора в raphael

Как получить координаты курсора мыши в библиотеке raphaeljs?

Я пытаюсь что-то вроде:

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

                        }
                    );

Но все эти свойства возвращают координаты относительно левого верхнего угла окна или что-то в этом роде.

Вот скриншот

Ответ 1

У меня тоже был этот вопрос некоторое время назад. Вы должны учитывать текущий div. В моем случае div был назван холстом. Для координат я использовал следующее:

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

Примечание: Я тоже использовал jQuery, поэтому используйте $. Вы можете использовать document.getElementById, если вы предпочитаете не использовать jQuery.

Ответ 2

Если вам нужны координаты относительно вашего div, попробуйте использовать event.offsetX/offsetY

Ответ 3

вычислить с позицией элемента источника события (event.srcElement)