ngx-pluto
Version:
42 lines (41 loc) • 1.07 kB
TypeScript
import { OnInit, ElementRef, EventEmitter } from '@angular/core';
import Cropper from 'cropperjs';
/**
* 图片剪裁组件
*/
export declare class NpCropper implements OnInit {
image: ElementRef;
imageUrl: any;
cropbox: Cropper.CropBoxData;
loadImageErrorText: string;
cropperOptions: Cropper.Options;
export: EventEmitter<ImageCropperResult>;
ready: EventEmitter<{}>;
isLoading: boolean;
cropper: Cropper;
imageElement: HTMLImageElement;
loadError: any;
constructor();
ngOnInit(): void;
/**
* Image loaded
* @param ev
*/
imageLoaded(ev: Event): void;
/**
* Image load error
* @param event
*/
imageLoadError(event: any): void;
/**
* Export canvas
* @param base64
*/
exportCanvas(base64?: boolean, options?: Cropper.GetCroppedCanvasOptions): void;
}
export interface ImageCropperResult {
imageData: Cropper.ImageData;
cropData: Cropper.CropBoxData;
blob: Blob;
dataUrl?: string;
}