[login to view URL]
Scenario 1: Normal scale on object and
Everything works as expected: when selecting on object you can move it (no jitter on initial move), selecting multple objects moves as expected.
Scenario 2: Different scales on each object (eg, $("#obj1").css("transform","scale(0.7)");)
Dragging one object gives an intial "jump", selecting multple sees the same issue. When moving multiple object they don't move uniformly and move a different amount of pixels.
Scenario 3: Scaled container$("#container").css("transform","scale("+containerScaleFactor+")");)
Container is scaled, objects now jump around and move a different number of pixels.
Scenario 4: Both scaled container and objects
Same as scenario 2 and 3 but worse.
Need help solving so all scenarios work as scenario 1, eg possible to move multiple objects (with diffrent contect, eg. svgs, text), with no jumping and they move the same number of pixels.
We need to use the above functions, css transform and scale. The fiddle shows which parts can and cannot be edited.
Jquery, draggable and selectable used. Only Jquery allowed and no changes to the included JQUERY-files
7 freelancers are bidding on average $31 for this job
I read the task description and I can do it.I have worked on many such projects.I can work on urgent basis and for a reasonable rate..Contact me so we can discuss further