手机端h5页面 图片根据手势放大缩小
pinchzoom.js 这个插件可以简单的实现这一功能
<div class="big_pos_img page"> <div class="pinch-zoom" id="test" data-scale="1"> <img src="images/timg.jpg"/> </div> </div>
<script src="js/jquery-1.7.2.min.js"></script> <script src="js/pinchzoom.js"></script>
$(function(){ $('div.pinch-zoom').each(function () { new RTP.PinchZoom($(this), {}); }); });
下载地址:
链接: https://pan.baidu.com/s/18KNkAVYuWpU38cvZ3Cc0pw 密码: v0fz