jquery.photoclip.js(jquery图标裁剪插件) 官方版

软件标签: photoclip 图标裁剪插件

jquery.photoclip.js是一款很有用的jquery图片裁剪插件工具，有了这款软件用户就可以更加方便的在网上裁剪图片了，而且通过这个方式裁剪出来的效果会更加完美，欢迎有需要的朋友来试用。

jquery.photoclip插件介绍

jQueryphotoClip是一款支持移动设备触摸手势的图片裁剪jQuery插件，其实用性强，可以帮助大家裁剪出各种精美的图片来，如果大家需要的话可以随时来试用。

query.photoclip参数说明

width：截取区的宽度。

height：截取域的高度。

file：上传图片的<input type="file">控件的选择器或者DOM对象。

view：显示截取后图像的容器的选择器或者DOM对象。

ok：确认截图按钮的选择器或者DOM对象。

outputType：指定输出图片的类型，可选 "jpg" 和 "png" 两种种类型，默认为 "jpg"。

strictSize：是否严格按照截取区域宽高裁剪。默认为false，表示截取区域宽高仅用于约束宽高比例。如果设置为true，则表示截取出的图像宽高严格按照截取区域宽高输出。

loadStart：开始加载的回调函数。this指向 fileReader 对象，并将正在加载的 file 对象作为参数传入。

loadComplete：加载完成的回调函数。this指向图片对象，并将图片地址作为参数传入。

loadError：加载失败的回调函数。this指向 fileReader 对象，并将错误事件的 event 对象作为参数传入。

clipFinish：裁剪完成的回调函数。this指向图片对象，会将裁剪出的图像数据DataURL作为参数传入。

jquery.photoclip使用方法

jquery.photoclip.js(jquery图片裁剪插件)，可以直接打开本地图片进行裁剪，滚动鼠标滚轮可以放大或缩小图片；支持在手机端通过手势来裁剪图片：两手指往一起捏或撑开可以放大或缩小图片，双手指旋转可能90度旋转图片。该插件需要配合iscroll-zoom.js插件和hammer.js，请参见软件包中的js文件夹。