Record the size & position after drag & resize

Asked Sep 27 '13 at 02:52

Active Sep 27 '13 at 02:52

Viewed 135 times

I used jQuery UI Draggable & Resizable to drag & resize a logo within a boundary.

How can I load the position & size of the resized & dragged logo from the parameter obtained by .stop() event callback in Resizable & Draggable API ?

First Question: I got ui.position.left, ui.position.top, ui.size.width, ui.size.height from the API, but how to load it back?

Second Question: How to capture the resultant ( dragged & resized ) contents within the red boundary to become a PNG / JPG using PHP ?

Here is the jsFiddle.

asked Sep 27 '13 at 02:52

Raptor

53,206
45
230
366

what do you mean by `load it back` ? – coding_idiot Sep 27 '13 at 19:50
load it back = display the dragged & resized image in correct position. – Raptor Sep 28 '13 at 02:19
see my answer here : http://stackoverflow.com/questions/19049788/jquery-drag-n-drop-revert-back-to-original-position-not-working/19059085#19059085 – coding_idiot Sep 28 '13 at 06:44

Record the size & position after drag & resize

0 Answers0