Как отследить событие мыши на canvas объекте?

Question

[Gr945]

canvas.addEventListener('mousemove', (e) => {
if (loadFile) {
verticalLine.style.left = `${e.offsetX}px`;
verticalLine.style.borderLeftStyle = "dotted";
gorizontalLine.style.top = `${e.offsetY}px`;
gorizontalLine.style.borderTopStyle = "dotted";
}
});
Пытаюсь сделать прицел на канвас объекте. Он работает, только если сдвиг мыши идёт по обоим осям, если же двигать строго по вертикале или горизонтале(тоесть offsetX либо offsetY неизменно , то событие не срабатывает). Как это можно исправить.

Comments

[Александр]

А почему нельзя демку прикрепить?

[VoidVolker]

Gr945 Правила 3.8

Answer 1

[Gr945]

требуется использовать (e.clientY - rect.y).toFixed() вместо е.offsetY
и (e.clientX - rect.x).toFixed() вместо e.offsetX. Тогда событие срабатывает всегда.