Questions tagged [jcrop]

Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.

Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.

Resources

Feature Overview

  • Attaches unobtrusively to any image
  • Supports aspect ratio locking
  • Supports minSize/maxSize setting
  • Callbacks for selection done, or while moving
  • Keyboard support for nudging selection
  • API features to create interactivity, including animation
  • Support for CSS styling
  • New: Experimental touch support (iOS, Android, etc)

Cross-platform Compatibility

  • Firefox 2+
  • Safari 3+
  • Opera 9.5+
  • Google Chrome 0.2+
  • Internet Explorer 6+

Documentation Archive

Jcrop is free software released under MIT License.

547 questions
8
votes
3 answers

JCrop How to crop image by dragging it behing a div (like facebook cover)

I have used Jcrop extensively but I want to crop the image in much similar way the Facebook uses for cropping its cover image. So, I want a div to be of some fixed size wherein the background to hold a draggable image of its original size, which the…
ashutosh
  • 1,192
  • 5
  • 22
  • 46
8
votes
4 answers

Align Jcrop images

I've this code:
With this CSS: div.mini { width: 300px; height: 200px; display: table; } div.td_wrap { display:…
Medical physicist
  • 2,510
  • 4
  • 34
  • 51
8
votes
1 answer

How to save cropped image to a directory with Jcrop using PHP

I can crop my images and click on crop. but then something goes wrong, because i don't know exactly how to save this image. I use imagecreatefromjpeg from php. this code look like this:
Kees Sonnema
  • 5,759
  • 6
  • 51
  • 106
7
votes
1 answer

Django app for image crop using a cropping tool

I need an app for crop an image in the client side, I mean, using a cropping tool like Jcrop jquery plugin. I found this tools: django-image-cropper django-image-cropping django-imagehandler django-avatar-crop But the last two depends of admin and…
diegueus9
  • 29,351
  • 16
  • 62
  • 74
7
votes
1 answer

PHP + JCrop - Cropping wrong area

I'm trying to save an cropped image with jcrop, based on x,y,w,h. I send to my PHP file, the axis x,y and width/height, but the cropped area is wrong. this is my php function $axis_x = $_POST["x"]; $axis_y = $_POST["y"]; $width =…
Vitor Villar
  • 1,855
  • 18
  • 35
7
votes
2 answers

Paperclip Jcrop and Rails 4 - infinite loop fix

Having some trouble trying to get this to work in Rails 4 - http://railscasts.com/episodes/182-cropping-images?view=comments As per one of the questions in the comments: using the after_update callback to update the images, it ran into an infinite…
jonny_FIVE
  • 457
  • 1
  • 4
  • 12
7
votes
2 answers

Jcrop not cropping properly the images

My jcrop code $(function(){ // Create variables (in this scope) to hold the API and image size var jcrop_api, boundx, boundy, // Grab some information about the preview pane $preview = $('#preview-pane'), $pcnt =…
Saurabh Kumar
  • 16,353
  • 49
  • 133
  • 212
7
votes
1 answer

cropping browsed image on popup

Please check http://jsfiddle.net/UmJtB/18/ below code