Всем привет, нужно реализовать зумирование примерно как на гугл картах, где точка зуммирования (положение курсора) будет совпадать на след шагах, вот
пример того как это должно выглядеть:
Вот то что у меня сейчас получилось:
Мне хочется реализовать это без изменения HTML и CSS поэтому рабочий пример отпадает.
Я видел решения через матрицы, но хочется остаться на translate и scale.
В моём примере есть ошибка: в том что увеличивая в правый верхний угол, можно перевести курсор в левый нижний и все изображение перескачет в тот угол, а должно быть относительно увеличенного только куска*
P.S. Логика увеличения +- работает исправно, я не могу понять с какой формулой увеличивать и подставлять значения для translate