## 剪裁参数

<div class="input-group"> <input id="c-image" class="form-control" size="50" name="row[image]" type="text" value=""> <div class="input-group-addon no-border no-padding"> <span><button type="button" id="faupload-image" class="btn btn-danger faupload" data-aspect-ratio="0.75" data-auto-crop-area="0.5" data-cropped-width="300" data-cropped-height="300" data-input-id="c-image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="false" data-preview-id="p-image"><i class="fa fa-upload"></i> 上传</button></span> </div> <span class="msg-box n-right" for="c-image"></span> </div> <ul class="row list-inline faupload-preview" id="p-image"></ul>

参数 | 示例 | 说明 | 默认
--- | --- | --- | ---
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