Image resize with Crop

jquery resize crop
Clinton Green picture Clinton Green · Nov 18, 2011 · Viewed 26.6k times · Source

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

Answer

fncomp picture fncomp · Nov 18, 2011

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

Related questions

Resize image which uses Jcrop

I use the Jquery Jcrop for cropping my images. Now I'm implementing a slider for resizing the image. I want the cropping and resizing to happend on the same page. I do it like this: $(document).ready(function() { var img = $(…

Read More
jquery $(window).width() and $(window).height() return different values when viewport has not been resized

I am writing a site using jquery that repeatedly calls $(window).width() and $(window).height() to position and size elements based on the viewport size. In troubleshooting I discovered that I am getting slightly different viewport size reports in repeated …

Read More
How to resize images proportionally / keeping the aspect ratio?

I have images that will be quite big in dimension and I want to shrink them down with jQuery while keeping the proportions constrained, i.e. the same aspect ratio. Can someone point me to some code, or explain the …

Read More