Как я могу рассчитать координаты положения мыши относительно заранее определенной точки, используя Javascript / jQuery

Question

То, что я пытаюсь добиться звука, и, вероятно, довольно просто.

Точка, скажем, абсолютным центром браузера является маркер.

Я знаю, как рассчитатьположение мыши по отношению к ограничивающей рамке или окну документа, но как я могу рассчитать ее в некой системе координат от маркера?

Так, например, мышь находится слева от маркераи мне возвращают минус цифры для оси x, если она ниже точки, я получу минус цифры для оси x и y, а затем, конечно, наоборот.

Спасибо

Answer 1

CenterPoint - MousePosition = MousePosition относительно центральной точки.

Если x меньше 0, это слева.Если у меньше 0, то оно под ним.

Так, если х меньше 0 и у больше 0, точка находится в «верхнем левом углу»

Answer 2

Демонстрация в реальном времени

В основном вы получаете координаты мыши и вычитаете текущее положение элементов минус ширина и высота / 2,чтобы получить его центральную точку.

$(document).mousemove(function(e){
    var offset = $("#offsetElement").offset(),
        offWidth = $("#offsetElement").width()/2,
        offHeight = $("#offsetElement").height()/2,
        offX = e.pageX - offset.left - offWidth ,
        offY = e.pageY - offset.top - offHeight;

    $('#coords').html(offX  + ', ' +  offY);
});