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/jq
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值