17

I want to create a function that after an image upload, will allow a user to resize an image. But the image must be behind a crop frame and the user must be able to drag/move/resize the image behind the crop frame. enter image description here Here is a screenshot of what I am thinking of.

Please can anyone point me in the right direction. Thanks

Clinton Green
  • 9,697
  • 21
  • 68
  • 103
  • 1
    Something like [JCrop](http://code.google.com/p/jcrop/)? – fncomp Nov 18 '11 at 01:21
  • Hi, I have looked at most of the popular jquery plugins and none seemed to meet my requirement. Have you managed to do something similar with jCrop? Thanks – Clinton Green Nov 18 '11 at 01:30
  • Can you explain, how `x` and `y` plugins are missing the mark? (Probably best in the question.) It's tuff to write a plugin from scratch :). – fncomp Nov 18 '11 at 01:32
  • Hi, Josh, the big factor is, I need to combine resizing with cropping. What I need is not true cropping, as in the image above, the crop frame is static and will not move. So basically you "crop" the image by resizing it and dragging it around until you are happy with how it looks in the "crop frame" Please shoot if you have any more questions, Cheers – Clinton Green Nov 18 '11 at 01:46

3 Answers3

12

I'd give JRAC a look. Their demo page seems to cover your use case almost exactly.

rikitikitik
  • 2,414
  • 2
  • 26
  • 37
fncomp
  • 6,040
  • 3
  • 33
  • 42
6

It's probably to late for response but try this if you want to do that automaticaly: http://code.google.com/p/resize-crop/

Nicolas
  • 61
  • 1
  • 1
5

a little too late to find this question I had to write a plugin myself to solve the same problem, please take a look here https://github.com/joseluistorres/dragcrop and let me know if you have any questions/comments/feedback.

JoseLuis Torres
  • 416
  • 5
  • 14