Solve positioning (draggable) of multiple html objects (with different scaling)

Anulowany Opublikowano 5 lat temu Płatność przy odbiorze
Anulowany Płatność przy odbiorze

Check JS-fiddle:

[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 no jumping and they move the same number of pixels.

Jquery, draggable and selectable used. Only Jquery allowed and no changes to the included JQUERY-files

JavaScript jQuery

Numer ID Projektu: #18703874

O projekcie

1 oferta Zdalny projekt Aktywny 5 lat temu

1 freelancer złożył ofertę na kwotę $25 do tego projektu

umashankarpandey

Hi there, I’ve read your brief and can see that you’d like to done a project. My team has 8 years experience designing and developing mobile apps for iPhone and Android and web apps. I would approach your project by st Więcej

$25 USD w ciągu 1 dnia
(6 Oceny)
3.8