Сведение и масштабирование в сочетании с перетаскиванием с помощью мыши и сенсорного экрана. ⇐ Javascript

[Anonymous]

Чтобы дать всем немного предыстории. Я пытаюсь создать возможность увеличивать часть изображения, перетаскивать его и уменьшать масштаб с той точки, где перетаскивание закончилось. Я использую библиотеку GSAP для перетаскивания и масштабирования вместе с Hammer JS, чтобы облегчить использование сенсорного экрана; Кстати, я использую сенсорный монитор для работы с сенсорным экраном, а не телефон.
Из созданного мной базового кода он работает, однако если я увеличу масштаб, то перетащите на противоположный конец изображения, когда я уменьшу масштаб, изображение не будет масштабироваться по сравнению с тем местом, где находится моя мышь. Я думаю, что это как-то связано с конфликтом Transform-Origin и Translate3D(), как если бы я увеличивал и уменьшал масштаб в одном и том же месте, это идеально. Я действительно тупой и упускаю что-то невероятно очевидное или это что-то другое?
Буду благодарен за любую помощь и/или предложения.
https:/ /codepen.io/wescritch98/pen/wBwmvmm

Подробнее здесь: https://stackoverflow.com/questions/793 ... uch-screen