/** * 图片裁剪配置信息 * @exports * @interface IImgClipConfig */ export interface IImgClipConfig { /** * rem根元素字号大小 */ remRoot?: number; /** * 图片的父容器的宽度 */ contWidth?: number; /** * 图片的父容器的高度 */ contHeight?: number; /** * 宽度偏移值 */ contWidthOffset?: number|string; /** * 高度偏移值 */ contHeightOffset?: number|string; /** * 图片父容器的最大宽度 */ maxWidth?: number; /** * 图片父容器的最大高度 */ maxHeight?: number; /** * 图片的宽度值 */ width?: HTMLElement|number|string; /** * 图片的高度值 */ height?: HTMLElement|number|string; /** * 图片缩放倍数 */ ratio?: number|Promise|((arg: IImgClipConfig) => number|Promise); /** * 图片裁剪方式 */ cutter?: 'auto'|'contain'|'cover'; /** * 图片没有缀宽度的时候是否需要强制裁剪 */ forceCut?: boolean; /** * 是否支持webp */ isSupportWebp?: boolean; } /** * 图片的大小接口定义 * @exports * @interface IImgSizeData */ export interface IImgSizeData extends ICurImgSize { /** * 图片的宽度 */ width?: number; /** * 图片的高度 */ height?: number; } /** * 当前的图片大小的接口定义 * @exports * @interface ICurImgSize */ export interface ICurImgSize { /** * 图片的宽度 */ imgWidth?: number; /** * 图片的高度 */ imgHeight?: number; /** * 图片的宽高比 */ scale?: number; } /** * 图片裁剪的路径数据 * @exports * @interface IImgSrcData */ export interface IImgSrcData extends IImgSizeData { /** * 图片的src(经过处理后的裁剪url) */ src: string; /** * 图片的剪裁后的src */ cutterSrc: string; /** * 图片的裁剪前的src */ oldSrc: string; /** * 图片的裁剪后的后缀 */ extFix: string; /** * 图片裁剪前的后缀 */ oldExtFix: string; }