@KhalBay

Зумирование и панаромирование средствами transform: transition и scale?

Всем привет, нужно реализовать зумирование примерно как на гугл картах, где точка зуммирования (положение курсора) будет совпадать на след шагах, вот пример того как это должно выглядеть:

Вот то что у меня сейчас получилось:




Брал из этого примера:




Мне хочется реализовать это без изменения HTML и CSS поэтому рабочий пример отпадает.

Я видел решения через матрицы, но хочется остаться на translate и scale.

В моём примере есть ошибка: в том что увеличивая в правый верхний угол, можно перевести курсор в левый нижний и все изображение перескачет в тот угол, а должно быть относительно увеличенного только куска*

P.S. Логика увеличения +- работает исправно, я не могу понять с какой формулой увеличивать и подставлять значения для translate
  • Вопрос задан
  • 67 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы