- App created using the Ionic framework to crop photos using an Angular Image Cropper module.
- Another great tutorial from Simon Grimm at the Ionic Academy - see 👏 Inspiration below.
- Updated to the latest Angular & Ionic versions, all dependencies updated
- Uses the Cordova camera plugin, improved with the Ionic-native camera plugin.
- This is for development, a jpg image is used instead of the camera image.
- Run
npm ito install dependencies - To start the server on localhost://8100 type: 'ionic serve -o'
- Extract from
home.page.tsto show camera options
const options: CameraOptions = {
quality: 100,
destinationType: this.camera.DestinationType.DATA_URL,
encodingType: this.camera.EncodingType.JPEG,
mediaType: this.camera.MediaType.PICTURE,
sourceType: this.camera.PictureSourceType.CAMERA
}- Crops and manipulates images using image cropper methods.
- Status: Working. Needs Cordoba to test properly.
- To-do: Nothing.
- Simon Grimm´s Youtube video: How to Crop Images in Ionic 4 with CropperJS
- Nappd: How to add Image Cropper in ionic 4 app
- Adding Image Cropper in Ionic 4 Apps
- This project is licensed under the terms of the MIT license.
- Repo created by ABateman, email: [email protected]