图片裁切
imageCrop
##图片裁切
###介绍
根据canvas提前在浏览器上加载出来,遮罩框选出裁切大小,返回后端裁切;
主要用于类似移动客户端对图片比例要求高的地方
界面不好看,不过用于的后台,裁切起来还是很方便的;
###用法:
ImageCrop.defaults = {
wrap: ".imageCrop", //产生缩略图的地方
defaultShowWidth: 400, //默认的缩略图的大小px
cropMinWidth: 640, //裁切图最小多大
cropMinHeight: 300, //最小高
cropMaxHeight: 640, //最大高
onChange: function() {} //产生缩略图完成时回调的函数
}
1.配置
$("#id").imageCrop({/*可以在这里面修改配置项*/}); //#id为要监听的input name='file'
2.拖拽框拖拽完毕以后,要调用
cropInfo = $("#id").imageCrop('getVal'),
裁剪信息结构是string 400,328,268,126,39,61
width 默认的缩略图宽(400px)
height 默认的缩略图高(400px*比例)
width 要裁剪的宽px
height 裁剪的高px
left 距离左边px
top 距离上边px
3.发送cropInfo向php
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。