How to use ngx-img-cropper - 8 common examples
To help you get started, we’ve selected a few ngx-img-cropper examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
BinaryStudioAcademy / bsa-2018-watcher / frontend / src / app / admin / user-list / user-list.component.ts View on Github 
private authService: AuthService,
private userService: UserService,
private organizationService: OrganizationService,
private organizationInvitesService: OrganizationInvitesService,
private roleService: RoleService,
private pathService: PathService,
private userOrganizationService: UserOrganizationService,
private toastrService: ToastrService) {
this.displayPopup = false;
this.lstUserCompany = new Array();
this.dropdownRole = new Array();
this.dropdownCompany = new Array();
this.lstUnassign = Array();
this.cropperSettings = new CropperSettings();
this.cropperSettings.width = 200;
this.cropperSettings.height = 200;
this.cropperSettings.minWidth = 100;
this.cropperSettings.minHeight = 100;
this.cropperSettings.croppedWidth = 70;
this.cropperSettings.croppedHeight = 70;
this.cropperSettings.canvasWidth = 500;
this.cropperSettings.canvasHeight = 500;
this.cropperSettings.noFileInput = true;
this.cropperSettings.preserveSize = true;
this.data = {};
}private setCropperSettings() {
this.cropperSettings = new CropperSettings();
this.cropperSettings.noFileInput = true;
this.cropperSettings.width = 150;
this.cropperSettings.height = 140;
this.cropperSettings.croppedWidth = 150;
this.cropperSettings.croppedHeight = 140;
this.cropperSettings.canvasWidth = 300;
this.cropperSettings.canvasHeight = 280;
this.cropperSettings.minWidth = 10;
this.cropperSettings.minHeight = 10;
this.cropperSettings.rounded = false;
this.cropperSettings.keepAspect = false;
this.cropperSettings.cropperDrawSettings.strokeColor = 'rgba(255,255,255,1)';
this.cropperSettings.cropperDrawSettings.strokeWidth = 2;
}constructor(private activeModal: NgbActiveModal,
private xmEntityService: XmEntityService,
private eventManager: JhiEventManager) {
this.cropperSettings = new CropperSettings();
this.cropperSettings.noFileInput = true;
this.cropperSettings.preserveSize = true;
this.data = {};
}private setCropperSettings() {
this.cropperSettings = new CropperSettings();
this.cropperSettings.noFileInput = true;
this.cropperSettings.width = 150;
this.cropperSettings.height = 140;
this.cropperSettings.croppedWidth = 150;
this.cropperSettings.croppedHeight = 140;
this.cropperSettings.canvasWidth = 300;
this.cropperSettings.canvasHeight = 280;
this.cropperSettings.minWidth = 10;
this.cropperSettings.minHeight = 10;
this.cropperSettings.rounded = false;
this.cropperSettings.keepAspect = false;
this.cropperSettings.cropperDrawSettings.strokeColor = 'rgba(255,255,255,1)';
this.cropperSettings.cropperDrawSettings.strokeWidth = 2;
}constructor(private fb: FormBuilder,
private userService: UserService,
private authService: AuthService,
private toastrService: ToastrService,
private pathService: PathService) {
this.cropperSettings = new CropperSettings();
this.cropperSettings.width = 200;
this.cropperSettings.height = 200;
this.cropperSettings.minWidth = 100;
this.cropperSettings.minHeight = 100;
this.cropperSettings.croppedWidth = 70;
this.cropperSettings.croppedHeight = 70;
this.cropperSettings.canvasWidth = 400;
this.cropperSettings.canvasHeight = 400;
this.cropperSettings.noFileInput = true;
this.cropperSettings.preserveSize = true;
this.data = {};
}private setCropperSettings() {
this.cropperSettings = new CropperSettings();
this.cropperSettings.noFileInput = true;
this.cropperSettings.width = 150;
this.cropperSettings.height = 140;
this.cropperSettings.croppedWidth = 150;
this.cropperSettings.croppedHeight = 140;
this.cropperSettings.canvasWidth = 300;
this.cropperSettings.canvasHeight = 280;
this.cropperSettings.minWidth = 10;
this.cropperSettings.minHeight = 10;
this.cropperSettings.rounded = false;
this.cropperSettings.keepAspect = false;
this.cropperSettings.cropperDrawSettings.strokeColor = 'rgba(255,255,255,1)';
this.cropperSettings.cropperDrawSettings.strokeWidth = 2;
}private setCropperSettings() {
this.cropperSettings = new CropperSettings();
this.cropperSettings.noFileInput = true;
this.cropperSettings.width = 150;
this.cropperSettings.height = 140;
this.cropperSettings.croppedWidth = 150;
this.cropperSettings.croppedHeight = 140;
this.cropperSettings.canvasWidth = 300;
this.cropperSettings.canvasHeight = 280;
this.cropperSettings.minWidth = 10;
this.cropperSettings.minHeight = 10;
this.cropperSettings.rounded = false;
this.cropperSettings.keepAspect = false;
this.cropperSettings.cropperDrawSettings.strokeColor = 'rgba(255,255,255,1)';
this.cropperSettings.cropperDrawSettings.strokeWidth = 2;
}
