angular-image-croper

how to use?

step one:

npm i angular-image-croper

step two (in module):

import { ImageCroperModule } from 'angular-image-croper';

....
 imports: [
    .....
    ImageCroperModule
  ],
....

step three(in html):

<image-croper #imageCroper></image-croper>

step four(in component):

const image = new Image()
image.src = '/assets/girl.jpeg'
image.onload = () => {
    this.imageCroper.show({
    image
    }).then(file => {
    console.log(file)
    })
}