JavaScript — Chrome Zoom не меняет значения getBoundingClientRect

Chrome Zoom не изменяет значения getBoundingClientRect

Если я использую

 document.getElementbyId("myElement").getBoundingClientRect.x; 

в Firefox он будет учитывать уровень масштабирования. Таким образом, элемент, который находится на 590px-оси x с увеличением 100%, будет с 590 * 2px x-axis при 200% увеличении.

В chrome, если элемент находится на оси x 590px, а я увеличиваю до 200%, x будет по-прежнему на 590px, даже если он будет на оси x 1180px.

Все браузеры обрабатывают это по-разному? Любые идеи о том, как я могу реагировать на это поведение и пересчитать x-position? Я делаю игру на javascript, и холст расположен в середине экрана (абсолютно), и если люди увеличивают или уменьшают масштаб, я не могу правильно прочитать координаты мыши. Тем не менее, я хочу позволить людям изменять масштаб, чтобы они могли настроить мой «фиксированный» размер холста в соответствии с отображением, на котором они находятся. (также это просто раздражающая ошибка …)

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector