0.1.0 • Published 6 years ago
ng-image-cropper v0.1.0
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.
0.1.0
6 years ago