ImageCrop2 —— 一个轻量级无依赖的图片裁剪、预览组件。
针对于手机端特性，模仿 QQ 客户端上传头像的裁切，增加了适用于手机端的图片裁切组件 ImageCrop4Mobile
配置说明：
function$(id){returndocument.getElementById(id)}varimgCrop=newImageCrop({sourceContainer: $('source'),// 必选，图片所在的容器元素src: '1.jpg',// 必选，图片地址imgCls: 'img maxImg',// 可选，图片元素img的classname，默认 imgpreImg: $('prevImg'),// 可选，预览图片元素，已存在img元素areaImg: $('areaImg'),// 可选，当前移动框所包含的图片内容width: 50,// 可选，默认移动框的宽度，默认 100height: 50,// 可选，默认移动框的高度，默认 100lockWHScale: true,// 可选，是否锁定宽高比，默认falsedefaultCenter: false,// 可选，是否默认出现在中心位置，默认truetop: 10,// 可选，默认出现位置的top值（当defaultCenter为false时有效），默认0left:10,// 可选，默认出现位置的left值（当defaultCenter为false时有效），默认0minHeight: 10,// 可选，移动框的最小高度，默认20minWidth: 10,// 可选，移动框的最小宽度，默认20minImgWidth: 120,// 可选，预览图片的最小宽度，默认150minImgHeight: 120,// 可选，预览图片的最小高度，默认150// 可选，当移动的时候调用// 移动的概念是指 选择框的大小、位置 发生改变的时候onMove: function(){console.log('preInfo::',this.getPreInfo())console.log('areaInfo::',this.getAreaInfo())console.log('originInfo::',this.getOriginInfo())}});api部分：
varinfo=imgCrop.getPreInfo();// 预览图片相关信息varinfo1=imgCrop.getAreaInfo();// 移动框所包含的的图片相关信息varinfo2=imgCrop.getOriginInfo();// 得到相对于图片原始大小时位置大小信息// info info1 info2 均为/* { left: 10, top: 10, width: 200, height: 200 } *///这种形式.imgCrop.changeImage('2.jpg');// 更改图片兼容性：
IE6+，其他浏览器