I am working on a component in which there is file-upload HTML control, upon selecting the image using the control, the image would be rendered on the HTML5 Canvas element  Here is JSFiddle with sample code:  https://jsfiddle.net/govi20/spmc7ymp/  id...

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 = $('...

I'm using JCrop to get the dimensions of the image to be cropped. I have the code for getting the dimensions set like this:              function updateCoordinates(c) {                 console.log(c)                 $('#image_x').val(c.x)...

From what I can tell, JCrop will not let me set things up so the user can crop outside the actual image and include surrounding whitespace.  Is there a way to do that?  To help explain what I mean, say we are restricting our crop to a 16:9 ratio.  Th...

I am having a small issue with setSelect and I cannot figure it out.  I have a code that looks like this:   jQuery('#cropbox1').Jcrop({      setSelect:   [ 157,86,37,49 ],       aspectRatio: 151 / 200,     onChange:    showCoords1,     onSele...

I've this code:  <div class='mini'>     <div id='wrap_jcrop' class='td_wrap'>         <img id='img2crop' src=''>     </div> </div>   With this CSS:  div.mini {     width: 300px...

I'm at a loss.  I'm using JQuery 1.4.2 and JCrop 0.98.  Everything else works fine, but I cannot move a selection once created.  When I mouse over the selection and click, nothing happens.  I have the JQuery library, the JCrop library and the...

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 = $('#cropbox...

I have a profile picture system which allows image cropping using jCrop. I've noticed if the user goes through the process a few times, the crop dimensions are not calculated properly  simply because the previous image is still there. I've tr...

I'm using this directive to use jCrop with Angular:  http://plnkr.co/edit/Z2IQX8s9UK6wQ1hS4asz?p=preview  When I load in a value for src, I get this error:     Can't interpolate: {{profileImg}} Error: [$sce:insecurl]   Then it links me to a p...