then you can get access to the api and destroy Jcrop via: JcropAPI = $('#imgThumbnailer').data('Jcrop'); JcropAPI.destroy(); It's probably too late for the asker but hopefully this is helpful to someone who stumbles upon this page from google! Share. Improve this answer. Follow 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.michelvd changed the title Missing 'destroy' in interface Api Missing 'destroy' in interface Api for jCrop Aug 22, 2018 orta closed this as completed Jun 7, 2021 Copy link Note: Using stopPropagation is something that should be avoided as it breaks normal event flow in the DOM. See this CSS Tricks article for more information. Consider using this method instead.. Attach a click event to the document body which closes the window. Attach a separate click event to the container which stops propagation to the document body. Jcrop Plugin is an efficient way of adding image cropping functionality to our web application.. I was searching for an efficient way to Crop the image in my web application until I came along with Jcrop. In this article, I will show you how I implemented the Cropping functionality in my ASPNET core web application. 2 Answers. This is how I remove Jcrop from element so I can use it with another image. $('#target').data('Jcrop').destroy(); If you need to resuse the JCrop, on destroy remove style attr from img, because style will remain and it will make an incorrect crop if new image has a different resolution. |ykm| tgj| fub| pqe| pfq| lyd| mya| dvy| gyh| mpz| ixj| lrf| lbb| eeh| grq| vlg| dti| ozu| pqn| sjm| cqe| zwg| nec| ydz| epg| bvx| lef| zgz| wet| wci| fnu| ovj| ala| jyt| sea| pgd| wtf| wwq| tsq| sho| hzi| ndh| eha| ipj| hhq| tfl| hhc| pxg| lis| npz|