image-resizer-cropper
Version:
A simple image crop with resizing built for Angular 7, compatible with Angular Universal (SSR).
62 lines (61 loc) • 1.98 kB
TypeScript
import { OnInit, ElementRef, Renderer2, AfterViewInit, EventEmitter, OnChanges, SimpleChanges } from "@angular/core";
export declare class ImageResizerCropperComponent implements OnInit, AfterViewInit, OnChanges {
private _el;
private _renderer;
private platformId;
isBrowser: boolean;
sourceImage: any;
lensHeight: number;
lensWidth: number;
autoCrop: boolean;
previewCrop: boolean;
roundCrop: boolean;
borderColor: string;
backgroundOpacity: string;
croppedImage: EventEmitter<any>;
error: EventEmitter<string>;
cropAvailable: boolean;
loadedSourceImage: any;
errorMessage: string;
isDown: boolean;
offSet: Array<number>;
imgOne: HTMLImageElement;
imgTwo: HTMLImageElement;
canvasOne: HTMLCanvasElement;
contextOne: any;
canvasTwo: HTMLCanvasElement;
contextTwo: any;
canvasThree: HTMLCanvasElement;
contextThree: any;
canvasFour: HTMLCanvasElement;
contextFour: any;
constructor(_el: ElementRef, _renderer: Renderer2, platformId: Object);
readonly crContainer: any;
readonly crRange: any;
readonly crImage: any;
readonly crLens: any;
readonly btn: any;
readonly testImg: any;
readonly finalCrop: any;
readonly fileUpload: any;
ngOnInit(): void;
ngAfterViewInit(): void;
ngOnChanges(changes: SimpleChanges): void;
setUpListeners(): void;
setUpConfigurations(): void;
linkImageToRangeInput(value: any): void;
mouseDownOnImage(event: any): void;
mouseUpOnImage(): void;
mouseMoveOnImage(event: any): void;
keepMouseMoveInsideContainer(): void;
checkForOverlap(e1: any, e2: any): any[];
getResizeRatio(): any;
drawImageResize(): string;
drawImageCrop(src: string): Promise<{}>;
resizeAndCropImage(): void;
setLensHeightAndWidth(): void;
setBorderColor(): void;
setBackgroundOpacity(): void;
parseFile(event: any): void;
clearImagePosition(): void;
}