search

matheusdavidson / angular-cropperjs

CropperJS integration for Angular +6
MIT License
109 stars 68 forks source link

Can not preview the image. #9

Open susheelbanyal opened 6 years ago

susheelbanyal commented 6 years ago

I Can not preview the image. its style is always 0 or none. Can you please let me know how to show the preview and get the cropped image? I go this in html for preview. <img src="image_03.jpg" width="1024" height="576" style="display: block; width: 0px; height: 0px; min-width: 0px !important; min-height: 0px !important; max-width: none !important; max-height: none !important; transform: none;">

MusicalEcho commented 6 years ago

I just get HTMLCanvasElement with getCropperCanvas method, and then convert it to DataURI that can be previewed in image tag. Looks like this:

let result: HTMLCanvasElement = this.angularCropper.cropper.getCroppedCanvas({
            aspectRatio: 1,
            width: 400,
            height: 400
        });
return result.toDataURL();
vinayistar commented 6 years ago

How to make responsive?? I want when I move the cropped area it should reflect instantly on preview. In example on top right side, that thing I want. How I can achieve that?