0.1.0 • Published 6 years ago

ng-image-cropper v0.1.0

Weekly downloads
1
License
MIT
Repository
-
Last release
6 years ago

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)
    })
}

arguments of show method: 1. image: HTMLImageElement The show method must be called until the image is loaded. 1. src: src of image,If the image attribute is specified, the src attribute is automatically invalidated. 1. size: size of cropper window. 1. extra: any use data, will Return intact itself.