JavaScript: HTML5 Canvas

Форум программистов и сисадминов Киберфорум

Войти

Регистрация
Восстановить пароль

Sergoi

3 / 2 / 1

Регистрация: 22.03.2011

Сообщений: 69

Смещение мышки при масштабировании

15.06.2022, 11:06. Показов 422. Ответов 0

Метки canvas, canvas html5, canvasjs (Все метки)

Author24 — интернет-сервис помощи студентам

Возможно не лучшее решение использовать css при масштабировании. Но иду к этому решению.

В для css использовал, в js также реализовал:

HTML5

1
2
3

transform: scale(2);
top:50%;
left:50%;

или

HTML5

1 2	transform: scale(2); transform-origin: 0 0;

При увеличении или уменьшении происходит вот такое, что на первой картинке, что на второй мышка сдвигается. Если не масштабировать или возвратить в норму, то рисуется за движением мышки, как и должно.

Возможно нужно, что-то здесь, также пытался смещать, но без результатов:

Javascript

var canvasOffset = canvas.getBoundingClientRect();
var offsetX = canvasOffset.left;
var offsetY = canvasOffset.top;
 
mouseeX = parseInt(e.pageX - offsetX);
mouseeY = parseInt(e.pageY - offsetY);

Заказать работу у эксперта

Programming

Эксперт

94731 / 64177 / 26122

Регистрация: 12.04.2006

Сообщений: 116,782

15.06.2022, 11:06

Ответы с готовыми решениями:

SVG смещается при масштабировании
Ребят, привет! История такая, я создаю html-страницу, на ней я размечаю кликабельные зоны с...

Анимация глючит в Firefox при масштабировании блока
Всем привет Столкнулся с такой проблемой. Мне надо изменять размеры блока и его содержимого....

Смещение при масштабировании
Всем привет! При вёрстке столкнулся с такой проблемой-при масштабировании некоторые элементы...

Смещение блоков при масштабировании
Имеется блок wrapper. В нем 2 дочерних блока block1 и block2. Блоки стоят в ряд, но при...

	15.06.2022, 11:06

IT_Exp

Эксперт

87844 / 49110 / 22898

Регистрация: 17.06.2006

Сообщений: 92,604

15.06.2022, 11:06

Помогаю со студенческими работами здесь

Смещение логотипа при масштабировании страницы
Помогите пожалуйста зафиксировать логотип сайта,я еще новичек в этом деле,при увеличении логотип...

При масштабировании квадрата происходит смещение за курсором
вот код которым я увеличиваю и уменьшаю квадрат. glPushMatrix(); glTranslated(Xcurs,...

Равномерное смещение элементов при масштабировании страницы
Доброго времени суток. Страница состоит из нескольких блочных структур. Вот один из них: <div...

При движении мышки над панелью на ней появляется тест "Ой, щекотно". При уводе мышки текст исчезает
При движении мышки над панелью на ней появляется тест "Ой, щекотно". При уводе мышки текст исчезает...

Отслеживать движение мышки, при зажатии кнопки мышки
Всем привет! Задача такая: отслеживать движения мышки, когда зажатая левая кнопка мыши. Надо что бы...

Сайт съезжает при масштабировании и при изменении размера браузера
Здравствуйте. Делал задание одно, все получилось, но в конце, когда начал проверять, что будет если...

Ошибка при масштабировании
Здравствуйте ,написал программу для вывода точек в builder ,но допустил ошибку и 2 день её...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Наверх