参数 示例 说明 默认
aspectRatio data-aspect-ratio="0.8" 比例 0.8
autoCropArea data-auto-crop-area="0.8" 默认自动剪裁的区域大小 0.8
cropBoxMovable data-crop-box-movable="1" 剪裁框是否可移动 1
cropBoxResizable data-crop-box-resizable="1" 剪裁框是否可变大小 1
minCropBoxWidth data-min-crop-box-width="0" 最小剪裁框宽度 0
minCropBoxHeight data-min-crop-box-height="0" 最小剪裁框高度 0
minContainerWidth data-min-container-width="0" 最小窗口宽度 0
minContainerHeight data-min-container-height="0" 最小窗口高度 0
minCanvasHeight data-min-canvas-height="0" 最小画布宽度 0
minCanvasWidth data-min-canvas-width="0" 最小画布高度 0
croppedWidth data-cropped-width="300" 剪裁输出宽度 实际宽度
croppedHeight data-cropped-height="300" 剪裁输出宽度 实际高度
croppedMinWidth data-cropped-min-width="400" 最小画布高度 0
croppedMinHeight data-cropped-min-height="400" 最小画布高度 0
croppedMaxWidth data-cropped-max-width="500" 最大画布高度 0
croppedMaxHeight data-cropped-max-height="300" 最大画布高度 0
fillColor data-fill-color="ffffff" 背景填充色,默认为透明 transparent
Cropper.js:https://github.com/fengyuanchen/cropper
QQ小伙伴:CARPE DIEM