Задать вопрос
@KhalBay

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

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

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




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




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

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

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

P.S. Логика увеличения +- работает исправно, я не могу понять с какой формулой увеличивать и подставлять значения для translate
  • Вопрос задан
  • 75 просмотров
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillbox
    JavaScript
    3 месяца
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы