Js pinchzoom.js 移动端,手指操作图片的Js

下载地址

中文官网地址

github地址

使用

依赖

调用

1
2
3
4
5
<!-- jQuery文件。务必在pinchzoom.js 之前引入 -->
<script src="https://wjikai.gitee.io/myresoursce/js/jquery/jquery.min.js"></script>

<!-- pinchzoom 核心 JavaScript 文件 -->
<script src="https://wjikai.gitee.io/myresoursce/js/Imagetools/pinchzoom.js"></script>

使用方法

调用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 $('#myElement').each(function() {
new RTP.PinchZoom($(this), {})
})
//或者
var myElement = document.getElementById("myElement");
var pz = new PinchZoom.default(myElement, {
draggableUnzoomed: false,
minZoom: 1,
onZoomStart: function(object, event){
// Do something on zoom start
// You can use any Pinchzoom method by calling object.method()
},
onZoomEnd: function(object, event){
// Do something on zoom end
}
})
继开 wechat
欢迎加我的微信,共同交流技术