插件描述：PinchZoom.js是一个Javript库，提供多点触摸手势缩放和拖动任何DOM元素。
注意请在移动端查看效果
使用
要求
jQuery or Zepto.
ECMA 5 support
初始化
new PinchZoom($('#your-element'), options);选项
tapZoomFactor: The zoom factor a double tap zooms to. (default 2) zoomOutFactor: Resizes to original size when zoom factor is below the configured value. (default 1.3) animationDuration: The animation duration in milliseconds. (default 300) maxZoom: The maximum zoom factor. (default 4) minZoom: The minimum zoom factor. (default 0.5) lockDragAxis Locks panning of the element to a single axis. (default false)
事件
Pinchzoom 发出一些自定义的事件 pz_zoomstart Started to zoom pz_zoomend Stopped zooming pz_dragstart Started to drag the element pz_dragend Stopped to drag the element pz_doubletap Resetting the zoom with doubletab
方法
enable: Enables all gesture capturing (default) disable: Disables all gesture capturing
PREVIOUS:
NEXT:
相关插件-
iframe fixed失效问题兼容ios
iframe在安卓、ios中滚动，头部、底部也能固定。主要解决iframe在苹果手机iphone(ios)中滚动时头部与底部不能固定及滚动时出现卡顿的情况。本Demo演示iframe中固定父页面头部、底部，子页面正常滚动。兼容PC和移动端，尤其是苹果ios系统（如iphone手机）
讨论这个项目（36）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
Levin 0
2020/1/8 15:47:57
自定义事件怎么写啊？我写了没反应
$('.pinch-zoom').each(function() {
new RTP.PinchZoom($(this), {
pz_zoomstart: function() {
alert(3);
}
});
});
回复
/mn★怡琳★ 0
2019/1/18 9:33:15
-
你好，放大后完关掉再打开下个图片还是放大的尺寸。怎么能关掉后还原呢
?淡咏、夜非夜的繁华╃0
2019/7/8 12:55:00
-
我也遇到这问题了，你解决没
四夕柒0
2019/7/12 15:59:21
-
注释一段代码
糖糖的0
2021/3/31 10:04:43
-
注释哪一段代码
糖糖的1
2021/3/31 14:17:26
不用注释代码，重新写html就可以了
$(".page").html('<div class="pinch-zoom"><img src="1.jpg"/></div>');重新初始化一下
$('div.pinch-zoom').each(function() {
var a = new RTP.PinchZoom($(this), {});
});
丫丫 0
2018/12/3 17:12:41
-
您好 为什么每次缩放完都会闪一下
々滕不檫??0
2019/7/9 17:23:46
-
可以给元素“pinch-zoom”加个背景色，不知道为啥就不闪了
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
