ng-photo-editor
Version:
An image cropper for Angular
65 lines (64 loc) • 1.81 kB
TypeScript
import { EventEmitter } from '@angular/core';
import Cropper from 'cropperjs';
import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
import ViewMode = Cropper.ViewMode;
export declare class NgxPhotoEditorComponent {
private modalService;
content: any;
cropper: Cropper;
outputImage: string;
prevZoom: number;
modalTitle: string;
aspectRatio: number;
autoCropArea: number;
autoCrop: boolean;
mask: boolean;
guides: boolean;
centerIndicator: boolean;
viewMode: ViewMode;
modalSize: size;
modalCentered: boolean;
scalable: boolean;
zoomable: boolean;
cropBoxMovable: boolean;
cropBoxResizable: boolean;
darkTheme: boolean;
roundCropper: boolean;
canvasHeight: number;
resizeToWidth: number;
resizeToHeight: number;
imageSmoothingEnabled: boolean;
imageSmoothingQuality: ImageSmoothingQuality;
url: string;
lastUpdate: number;
format: string;
quality: number;
isFormatDefined: boolean;
imageCropped: EventEmitter<CroppedEvent>;
constructor(modalService: NgbModal);
imageQuality: number;
imageFormat: imageFormat;
imageUrl: string;
imageBase64: string;
imageChangedEvent: any;
imageFile: File;
onImageLoad(image: any): void;
rotateRight(): void;
rotateLeft(): void;
crop(): void;
move(): void;
zoom(event: any): void;
zoomIn(): void;
zoomOut(): void;
flipH(): void;
flipV(): void;
reset(): void;
export(): void;
open(): void;
}
export interface CroppedEvent {
base64?: string;
file?: File;
}
export declare type imageFormat = 'gif' | 'jpeg' | 'tiff' | 'png' | 'webp' | 'bmp';
export declare type size = 'sm' | 'lg' | 'xl' | string;