jQuery多功能图片剪裁插件Jcrop

特色：

对所有图片均unobtrusively（无侵入的，保持DOM简洁）

支持宽高比例锁定

支持 minSize / maxSize设置

支持改变选区或移 动选区时的回调（Callback）

支持用键盘微调选 区

通过API创建互 动，比如动画效果

支持CSS样式

使用方法：

引入CSS样式文件

<link rel="stylesheet" href="css/jquery.Jcrop.css">

引入jQuery库文件、插件JS文件

<script src="js/jquery.js"></script>
<script src="js/jquery.Jcrop.js"></script>

插件初始化调用、参数配置

$("#element_id").Jcrop();

Jcorp的调用主要分为两种方式

jQuery('#cropbox').Jcrop({
        onChange: showCoords,
        onSelect: showCoords
});
var api = $.Jcrop('#cropbox',{
       onChange: showPreview,
       onSelect: showPreview,
       aspectRatio: 1
});

这里推荐大家使用第二种方式，将Jcrop生成的对象赋给一个全局变量，这样操作起来更灵活，如调用api.destroy();方法可以销毁 Jcorp，这样我们在实际使用中会更灵活一些，因为直接改变要裁剪图片的路径会导致Jcorp的出错，如果想要变更编辑的图片我们需要销毁Jcorp， 变更图片的属性后再次为图片附加Jcorp。

options 参数说明

API 接口