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...
©2020 All rights reserved.