UNPKG

cropo

Version:

Cropo is a fast, lightweight image cropping tools for JavaScript. Resize and crop your uploaded image using a intuitive user interface.

107 lines (106 loc) 3.75 kB
export declare class Cropo { private slider; private canvas; private canvasContext; private canvasWidth; private canvasHeight; private fit; private img; private imgHeight; private imgWidth; private scale; private baseScale; private maxScale; private minScale; private originalWidth; private originalHeight; private ratio; private isDown; private pointerX; private pointerY; private netPanningX; private netPanningY; private originX; private originY; private eventCache; private prevDiff; constructor(options: { imageUrl?: string; onImageLoad?: () => void; canvas?: HTMLCanvasElement; rangeInput?: HTMLInputElement; height?: number; width?: number; x?: number; y?: number; fit?: boolean; baseScale?: number; maxScale?: number; minScale?: number; }); private clamp; private debounce; private initPointerAndZoom; private draw; private fixScale; private onImageLoad; private getPointerAverage; private calcOrigin; move(x: number, y: number): void; private drawZoom; private zoomDelta; private zoomScale; private pinch; private onSliderMove; private onPointerdown; private onPointerUp; private onPointermove; private onResize; private prevent; private leadListeners; loadSlider(el: HTMLInputElement): void; loadCanvas(el: HTMLCanvasElement, width?: number, height?: number): void; loadImageFromUrl(url: string, fitImage?: boolean, onload?: () => void): void; private getCanvas; getBlob(scale?: number): Promise<Blob>; getDataUrl(scale?: number): string; download(scale?: number): void; getCropInfo(): { originalWidth: number; originalHeight: number; imgWidth: number; imgHeight: number; x: number; y: number; }; } declare const cr: Cropo; /** * @deprecated Since version 0.6. Will be deleted in version 1.0. Use Cropo instance instead. (example: cont cr= new Cropo(config); cr.download();) */ export declare function download(...arg: Parameters<typeof cr.download>): void; /** * @deprecated Since version 0.6. Will be deleted in version 1.0. Use Cropo instance instead. (example: new Cropo(config)) */ export declare function loadCanvas(...arg: Parameters<typeof cr.loadCanvas>): void; /** * @deprecated Since version 0.6. Will be deleted in version 1.0. Use Cropo instance instead. (example: cont cr= new Cropo(config); cr.loadImageFromUrl();) */ export declare function loadImageFromUrl(...arg: Parameters<typeof cr.loadImageFromUrl>): void; /** * @deprecated Since version 0.6. Will be deleted in version 1.0. Use Cropo instance instead. (example: new Cropo(config)) */ export declare function loadSlider(...arg: Parameters<typeof cr.loadSlider>): void; /** * @deprecated Since version 0.6. Will be deleted in version 1.0. Use Cropo instance instead. (example: cont cr= new Cropo(config); cr.move();) */ export declare function move(...arg: Parameters<typeof cr.move>): void; /** * @deprecated Since version 0.6. Will be deleted in version 1.0. Use Cropo instance instead.(example: cont cr= new Cropo(config); cr.getCropInfo();) */ export declare function getCropInfo(...arg: Parameters<typeof cr.getCropInfo>): void; /** * @deprecated Since version 0.6. Will be deleted in version 1.0. Use Cropo instance instead. (example: cont cr= new Cropo(config); cr.getDataUrl();) */ export declare function getDataUrl(...arg: Parameters<typeof cr.getDataUrl>): void; export {};