cropper.js插件的初始化cropper对象 可以设置那些值或者属性

初始化cropper对象时，可以设置以下属性值：

- `aspectRatio`: 裁剪框的宽高比，默认为自由比例
- `autoCropArea`: 自动裁剪区域的大小，百分比或像素值，默认为0.8（即裁剪框的宽高比的80%）
- `background`: 裁剪框外的背景色，默认为白色
- `cropBoxMovable`: 是否允许移动裁剪框，默认为true
- `cropBoxResizable`: 是否允许调整裁剪框大小，默认为true
- `crop`: 裁剪框的初始位置和大小
- `data`: 图片的初始位置和大小
- `dragMode`: 鼠标拖动的模式，可选值为`crop`（裁剪模式）和`move`（移动模式），默认为`crop`
- `guides`: 是否显示裁剪框辅助线，默认为true
- `minCanvasHeight`: 画布的最小高度，默认为0
- `minCanvasWidth`: 画布的最小宽度，默认为0
- `minContainerHeight`: 容器的最小高度，默认为0
- `minContainerWidth`: 容器的最小宽度，默认为0
- `minCropBoxHeight`: 裁剪框的最小高度，默认为0
- `minCropBoxWidth`: 裁剪框的最小宽度，默认为0
- `modal`: 是否显示模态框，默认为true
- `movable`: 是否允许移动图片，默认为true
- `preview`: 预览图的容器，可以是CSS选择器、HTML元素或jQuery对象
- `responsive`: 是否启用响应式布局，默认为true
- `restore`: 是否允许重置裁剪框和图片位置，默认为true
- `rotatable`: 是否允许旋转图片，默认为true
- `scalable`: 是否允许缩放图片，默认为true
- `toggleDragModeOnDblclick`: 是否启用双击切换拖动模式，默认为true
- `viewMode`: 显示模式，可选值为`0`（自由模式）、`1`（包含裁剪框的模式）和`2`（只显示裁剪框的模式），默认为`0`。

以上属性值可以通过传递一个配置对象来设置，例如：

var cropper = new Cropper(image, {
  aspectRatio: 16 / 9,
  autoCropArea: 0.8,
  background: false,
  cropBoxMovable: false,
  cropBoxResizable: false,
  crop: function(e) {
    console.log(e.detail.x);
    console.log(e.detail.y);
    console.log(e.detail.width);
    console.log(e.detail.height);
    console.log(e.detail.rotate);
    console.log(e.detail.scaleX);
    console.log(e.detail.scaleY);
  },
  data: {
    x: 0,
    y: 0,
    width: 640,
    height: 480
  },
  dragMode: 'move',
  guides: false,
  minCropBoxHeight: 100,
  minCropBoxWidth: 100,
  preview: '.preview',
  responsive: true,
  restore: false,
  rotatable: false,
  scalable: false,
  toggleDragModeOnDblclick: false,
  viewMode: 1
});