/** * 图片裁剪 * @see https://github.com/xyxiao001/vue-cropper */ export declare class CropperImage { /** * 图片缩放 * @private */ changeScale: (num: number) => void; /** * 向左旋转 * @private */ rotateLeft: () => void; /** * 向右旋转 * @private */ rotateRight: () => void; /** 提交 */ submit: () => void; /** * 取消并关闭 * @param done el-dialog中before-close的done,用于关闭Dialog * @private */ cancel: (done: () => void) => void; } /** 图片裁剪配置项 */ export interface ImageCropperOption { /** * 裁剪图片的地址 */ img: string | Blob; /** * 裁剪生成图片的质量 * @description 可选值: 0.1 ~ 1 * @default 1 */ outputSize: number; /** * 裁剪生成图片的格式 * @default 'jpeg' */ outputType: 'jpeg' | 'png' | 'webp'; /** * 裁剪框的大小信息 * @default true */ info: boolean; /** * 图片是否允许滚轮缩放 * @default true */ canScale: boolean; /** * 是否默认生成截图框 * @default false */ autoCrop: boolean; /** * 默认生成截图框宽度 * @description 可选值: 0 ~ max * @default 容器的80% */ autoCropWidth: number; /** * 默认生成截图框高度 * @description 可选值: 0 ~ max * @default 容器的80% */ autoCropHeight: number; /** * 是否开启截图框宽高固定比例 * @default false */ fixed: boolean; /** * 截图框的宽高比例 * @description 可选值: [ 宽度 , 高度 ] */ fixedNumber: number[]; /** * 是否输出原图比例的截图 * @default false */ full: boolean; /** * 固定截图框大小 * @default false */ fixedBox: false; /** * 上传图片是否可以移动 * @default true */ canMove: boolean; /** * 截图框能否拖动 * @default true */ canMoveBox: boolean; /** * 上传图片按照原始比例渲染 * @default false */ original: boolean; /** * 截图框是否被限制在图片里面 * @default false */ centerBox: boolean; /** * 是否按照设备的dpr 输出等比例图片 * @default true */ high: boolean; /** * true 为展示真实输出图片宽高 false 展示看到的截图框宽高 * @default false */ infoTrue: boolean; /** * 限制图片最大宽度和高度 * @description 可选值: 0 ~ max * @default 2000 */ maxImgSize: number; /** * 图片根据截图框输出比例倍数 * @description 可选值: 0 ~ max(建议不要太大不然会卡死的呢) * @default 1 */ enlarge: number; /** * 图片默认渲染方式 * @default 'contain' */ mode: 'contain' | 'cover' | '100px' | '100%' | 'auto'; }