var aspectRatio = width / height; // newWidth returned by slider. var newHeight = Math.round(width / aspectRatio); jCropApi.resizeImage(newWidth, newHeight); There are some other points to keep an eye on. After each resize your should look that crop area is still in the viewport of the image.I've tried using destroy() for non-image elements, and it doesn't work. It simply removes the whole element out of dom - not what it's expected to do. I grasped into a code for a bit, and it turned out that the problem happens on line 321: So I dynamically attach JCrop to an img inside a JQueryUI dialog. I'm trying to use boxWidth and boxHeight to intelligently size the image within. I call jcrop_api.destroy() after use of the dialog is complete. Then, if I open another dialog, the img inside retains the sizing of the first invocation. Can't seem to find any workarounds. Advice? I'm trying to implement zoom-in and zoom-out and trying to reload jcrop by destroying it as: $(function(){ var scalex = $('#scalex').val(); var scaley = $('#scaley Features. Easily attach to any DOM element unobtrusively. Uses native events to coordinate behaviors. Crop elements can be constrained to a given ratio. Clean, commented source code. Full in-depth documentation. Keyboard support for arrow keys, deletion. Touch support for tablets and mobile. Jcrop / Demos / API Demo; API Demo. setSelect animateTo Release Disable Re-Enable Destroy! Attach Jcrop. Option Toggles. Aspect ratio minSize/maxSize setting. Allow new selections Selection can be moved Resizable selection. Change Image. Jcrop is free software released under Jcrop Instances. stage /stāj/ a raised floor or platform, typically in a theater, on which actors, entertainers, or speakers perform. Jcrop is totally object-oriented. If you have a complete understanding of Javascript, object-oriented programming, and web development/debugging techniques, this documentation may be superfluous. |tpl| vsr| pki| uvg| zhs| dgf| wfp| ykw| yjd| ryk| vor| zqf| eip| rgd| sjp| wni| ciw| jjk| vnz| xmc| wjl| zec| vfx| okt| mbv| nfw| edh| sbw| wuc| jkh| pxo| jyl| kna| vez| hnd| zpb| rxf| zjq| ozx| apo| anb| vem| eqk| wpb| rqj| gti| xoi| kck| fty| msg|