Jquery图片裁剪插件PhotoClip使用说明

在Pc端实现图片的裁剪功能，可以使用Jquery图片裁剪插件-------PhotoClip

PhotoClip插件描述

该插件可以支持手机端，PC端图片的旋转，缩放，移动等操作。

依赖插件

• [jquery.transit.js] 插件 （v1.4 中已经移除了对该插件的依赖）
• [iscroll-zoom.js] 插件
• [hammer.js] 插件
• [lrz.all.bundle.js] 插件

操作说明

在PC设备上鼠标滚轮为缩放，每次双击顺时针旋转90°。

使用方法及配置参数简介

<div id="clipArea"></div>
<input type="file" id="file">
<button id="clipBtn">截取</button>
<div id="view"></div>
<script src="js/jquery-2.1.3.min.js"></script>
<script src="js/hammer.min.js"></script>
<script src="js/iscroll-zoom.min.js"></script>
<script src="js/lrz.all.bundle.js"></script>
<script src="js/jquery.photoClip.min.js"></script>
<script>
var clipArea = new bjj.PhotoClip("#clipArea", {
    size: [260, 260], // 截取框的宽和高组成的数组。默认值为[260,260]