search

gthmb / jquery-free-transform

provides simple controls that allows you to move/rotate/scale a DOM element. kinda like a simple version of the free transform tool in Flash or Photoshop.
133 stars 58 forks source link

What are x and y? #12

Open matthewwithanm opened 10 years ago

matthewwithanm commented 10 years ago

I'm hoping you can provide some clarity on the data object for me. scalex, scaley, and angle are clear enough, but I can't figure out what positions x and y are relative to. When the object isn't scaled or rotated, they give the position of the top left corner, but I'm not clear how the rotation and scale interact with them.

Ultimately, I'm trying to figure out how—given the properties from the plugin—I can recreate the transformation with the correct position.

Thanks!

biswajitch commented 10 years ago

After scaling or rotating the X and Y gives center bottom co ordinates. Even I am trying to re create the transformation to a svg file. Any help would be appreciated.

fgreinus commented 9 years ago

Were you guys able to solve the problem? What did you do in order to fix this? I'm trying to rebuild the "designed" image from the frontend via php and imagick in the backend and it's really confusing. Already tried to calculate new points via matrix calculation, but even that's not even near to correct.