The question is this. I have a "map" (jpg image), there are dots on it (jpg images with the given positioning). It is possible to drag this card with the mouse inside the container, implemented using jquery draggable.

Now there is a task to change the scale of this map. I'm trying to do by changing the css property of the transform:scale() , but the problem is that after changing the scale, draggable behaves inadequately, i.e. When dragging, the picture shifts to arbitrary places, but not where you drag it.

Maybe someone has come across this and will tell you how to make draggable work normally with a scalable unit, or suggest another solution for this.

  • @oldy; If you are given a comprehensive answer, mark it as correct (click on the check mark next to the selected answer). - Vitalina

1 answer 1

You might like other solutions: