Cropper

jQuery.cropper中文API详解

cropper.js 裁剪图片并上传（文档翻译+demo）

Jquery的cropper

参数：

 dragMode: 'move',//移动canvas。 dragMode 拖动模式  Default（默认）: 'crop'
    //Options:
 //'crop': create a new crop box 当鼠标 点击一处时根据这个点重新生成一个 裁剪框
 // 'move': move the canvas 可以拖动图片
//'none': do nothing 图片就不能拖动了

​autoCropArea: 1,//类型：Number，默认值0.8（图片的80%）。0-1之间的数值，定义自动剪裁区域的大小。

  guides: false,//类型：Boolean，默认值true。是否在剪裁框上显示虚线。

highlight: false,//类型：Boolean，默认值true。是否在剪裁框上显示白色的模态窗口。

checkImageOrigin: true,//类型：Boolean，默认值true。默认情况下，插件会检测图片的源，如果是跨域图 
 //片，图片元素会被添加crossOrigin class，并会为图片的url添加一个时间戳来使getCroppedCanvas变为 
 //可用。添加时间戳会使图片重新加载，以使跨域图片能够使用getCroppedCanvas。在图片上添加 
 //crossOrigin class会阻止在图片url上添加时间戳，及图片的重新加载。
      

background: false,  //类型：Boolean，默认值true。是否在容器上显示网格背景。

 autoCrop: false,//类型：Boolean，默认值true。是否在初始化时允许自动剪裁图片。

    movable: true,//类型：Boolean，默认值true。	是否允许移动剪裁框。

 minContainerWidth: //类型：Number，默认值200。	容器的最小宽度。