手机端h5页面 图片根据手势放大缩小

pinchzoom.js 这个插件可以简单的实现这一功能

html代码：

<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>

js 代码：

$(function(){
            $('div.pinch-zoom').each(function () {
                new RTP.PinchZoom($(this), {});
            });  
});

下载地址：
链接: https://pan.baidu.com/s/1mkj8ICS 密码: z5ym

亲测可用，有疑问留言！