Ionic 3 with Camera or Album Select and CropperJS
Pre-reqs
npm i -g ionic && npm i -g cordova(You may need tosudofor EACCES errors)
Installation & Development
- clone this repo:
git clone git@github.com:itsru/Ionic3-Camera-with-CropperJS.git cd Ionic3-Camera-with-CropperJSnpm install- Add your platform
ionic cordova platform add Androidorionic cordova platform add ios - run
ionic cordova run androidorionic cordova run iosfrom a terminal
Purpose
This app is to demo the utilization of Camera or Album select and utilization of CropperJS in a modal view.
Ionic View Demo
If you have Ionic View on your device then to view the demo use : c5286062
Known issues at the time of development
Known iOS resource limits: As iOS devices limit memory, the browser may crash when you are cropping a large image (iPhone camera resolution). To avoid this, you may resize the image first (below 1024px) before start a cropper.
Additional Links and Resources
Ionic - http://ionicframework.com/
CropperJS - https://github.com/fengyuanchen/cropperjs
On this page
Languages
TypeScript57.7%HTML22.9%CSS14.5%JavaScript5.0%
Contributors
Created March 11, 2017
Updated February 16, 2022