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
TypeScript
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 {};