Cordova Camera Plugin + Image Cropping Help

Ionic Framework
1

I need a way to keep image height and width the same for all images whether added by camera or photo library. While adding a image from the photo library, the image height gets cropped to the native image height instead of keeping the background when saved. I need to keep the black background, so all of the images are uploaded at same height.

const options: CameraOptions = {
        quality: 100,
        sourceType,
        destinationType: this.camera.DestinationType.DATA_URL,
        encodingType: this.camera.EncodingType.JPEG,
        mediaType: this.camera.MediaType.PICTURE,
        targetHeight: 200,
        targetWidth: 200,
        allowEdit: true
};

I have allowEdit set to true, and height and width set to 200.

IMG_1959
IMG_19591242×2688 314 KB

IMG_1960
IMG_19601242×669 45.3 KB

As you can see the first images height is smaller than the second image.

2

If you don’t get any better answers, the HTML <canvas> element basically gives you an image manipulation suite for free.

3

Hi, follow this video guide: