在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/jq