Привет! Я недавно столкнулся с такой задачей ⎯ мне нужно было получить координаты мыши в JavaScript с учетом коэффициента масштабирования страницы. В начале у меня возникли сложности‚ но я нашел способ решения‚ который хочу поделиться с тобой.Если у тебя есть страница‚ на которой присутствует масштабирование‚ то значения‚ которые возвращает событие ‘mousemove’‚ будут некорректными. Вместо этого понадобится использовать событие ‘mousemove’ на обертке страницы‚ а затем рассчитать исходные координаты мыши.Давай я покажу‚ как это сделать⁚
1. Сначала создадим оберточный элемент `wrapper`‚ который будет оборачивать весь контент страницы⁚
2. Добавим стили для `wrapper`⁚
css
#wrapper {
transform-origin⁚ 0 0;
transform⁚ scale(0.5); /* Здесь можешь указать любой коэффициент масштабирования */
}
3. Теперь давай добавим обработчик события ‘mousemove’ для `wrapper`⁚
javascript
const wrapper document.getElementById(‘wrapper’);
wrapper.addEventListener(‘mousemove’‚ (e) > {
// Получаем исходные координаты мыши без учета масштабирования
const originalX e.clientX / wrapper.style.zoom;
const originalY e.clientY / wrapper.style.zoom;
console.log(‘Original X⁚’‚ originalX);
console.log(‘Original Y⁚’‚ originalY);
});
Теперь‚ когда ты двигаешь мышь по странице‚ будут выводиться исходные координаты мыши‚ учитывая коэффициент масштабирования. Ты можешь использовать эти координаты по своему усмотрению.
На этом все! Теперь ты знаешь‚ как получить координаты мыши с учетом коэффициента масштабирования страницы. Надеюсь‚ это поможет тебе в твоих проектах!