Stack Overflow
Stack Overflow

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
0
votes
1 answer

how to modify jcrop to support blackberry trackpads?

I have reached out to the developer on this one and he indicated I'd be on my own modifying the code to support this method as the code as currently written was not very hack friendly...I have attempted to modify without 100% success. Currently…
Drew
  • 836
  • 4
  • 12
  • 24
0
votes
2 answers

$(document).ready() doesn't seem to work properly with user control

I have made a user control, and placed some code in the $(document).ready() method, but when I place breakpoints, by the boxWidth value, and step through, I can visibly see that the html has not yet loaded, and that is why I am getting undefined…
Lee
  • 8,354
  • 14
  • 55
  • 90
0
votes
1 answer

Activiating Jcrop on ajax loaded image

html img returned from ajax has class of 'tocrop'. Currently I Calling the function on the success of the ajax call: $("#imageform").ajaxForm({ target: '#image_upload_preview', success: jcropp(), }) function jcropp(){ …
A_funs
  • 1,228
  • 2
  • 19
  • 31
0
votes
1 answer

Jquery Jcrop Selection

don't know what happened in my jcrop selection. I think I pressed some keys in my keyboard that made the handles of the selection from squares into dots. Im using mozilla firefox as my browser. The original handle must appear square as shown…
Jed
  • 1,664
  • 8
  • 33
  • 65
0
votes
2 answers

How do i disable aspectRatio in Jcrop

i'm actually working with Jcrop (http://tympanus.net/codrops/2009/10/17/jquery-image-cropper-with-uploader/). I want to put a ratio of 2:3 or to disable competly the 'aspectRatio' and make the user free to crop what he want. I just finish to read…
Peter
  • 1,719
  • 4
  • 22
  • 31
0
votes
1 answer

JCrop: Adding text to selection area - possible?

I'm intending to use JCrop for a standard image upload feature. Everything is all right so far, it works great. BUT: there is a minimum image size required, so instead of letting the user do his cropping and then stop him with an error message when…
arachnatur
  • 28
  • 4
0
votes
1 answer

Can't mass assign virtual attributes when trying to add Jcrop to Paperclip

I'm trying to get cropping working with Paperclip and have been following along Ryan Bates' solution here. It works fine until I submit the form and receive a mass-assignment error Can't mass-assign protected attributes: crop_x, crop_y, crop_w,…
ralphos
  • 626
  • 2
  • 10
  • 20
0
votes
1 answer

How to display cropped region of image created via jcrop?

I am using jcrop to implement image cropping in my site. After clicking on "confirm crop", I would expect the display area to be replaced by the newly cropped image. My code is as follows: //jquery method to display cropped image coords_w =…
Zhen
  • 12,361
  • 38
  • 122
  • 199
0
votes
1 answer

Asp.net, Jcrop value issue

I trying to get Jcrop work with Asp.net but I think I have a issue with: Convert.ToInt32(W.Value); I use Hidden fields in my aspx page. I tried to use regular input fields and then wrote a request form to get all the values, and that worked. But I…
Johan Sundén
  • 447
  • 4
  • 9
0
votes
2 answers

How to use jcrop plug-in incase of HTML5 canvas element

I am new to this canvas stuff.recently in my project,when a user uploads an image on the server the image is being previewed dynamically on the canvas element .Now i want to crop some portion of it.I have used jcrop plugin but donot know how to get…
Sarita
  • 13
  • 2
  • 9
0
votes
2 answers

Using jQuery in CKFinder dialog

Does any way to use jQuery and jQuery plugins inside CKFinder 2 dialogs exist? I just want to use Jcrop to crop images with my plugin. For example code below doesn't work. jQuery(document).ready(...) event fires well, but inside it I just unable to…
Arсiom Prudnikaŭ
  • 313
  • 1
  • 5
  • 20
-1
votes
1 answer

When I upload vertical photo it shows sideway in my php website

When I upload vertical photo, after uploading it display sideway. I am using uploadify, and doing simple croping of the image using jQuery Jcrop. Can anybody give me solution?
Kanak Vaghela
  • 7,750
  • 10
  • 32
  • 37
-1
votes
1 answer

Showing a portion of an image using css but having it responsive with img-responsive

I have created a system where a user will upload an image, it's resized to a certain width and then the user can crop the image (was using imgAreaSelect but upgraded to Jcrop to add mobile usage). I have this all working fine. Once the user moves…
Dawson Irvine
  • 322
  • 4
  • 19
-1
votes
1 answer

Add two Pictures behind on One Transparent Image Containing two frames,We can able to resize that two pictures on that frame

I want to add two pictures in an frame/img.We can rotate the image on the frames.but that rotation doesnot go out from his boudry only strechable to its axis: I have added/submit an image and add on the background but thats not correct.Because if i…
ahmadlatif1084
  • 53
  • 6
-1
votes
1 answer

Crop images by x,y,w,h

I want to crop images .. I get the x,y,w,h data by JCrop plugin .. So i want just to know if is there any technique to crop the image in javascript based on my (x,y,w,h) data . Thank you .
AiD
  • 977
  • 3
  • 15
  • 41
1 2 3
…
36
37