You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<!-- You can now use angular-cropper component in app.component.html --><angular-cropper[cropperOptions]="config" [imageUrl]="imageUrl"></angular-cropper>
Using CropperJS methods:
Use @ViewChild in your component to get the element:
//// Import CropperComponentimport{CropperComponent}from'angular-cropperjs';//// Get with @ViewChild
@ViewChild('angularCropper')public angularCropper: CropperComponent;
Then just call the CropperJS method you want:
anywhere in your app.component.ts
//// Lets try to zoomthis.angularCropper.cropper.zoom(0.1);
Development
This project was generated with Angular CLI version 6.0.8.
Development server
Run ng serve for a dev server. Navigate to https://localhost:4200/. The app will automatically reload if you change any of the source files.
Code scaffolding
Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.
Build
Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.