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

2024-09-03 08:08:49

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

<div class="big_pos_img page">

    <div class="pinch-zoom" id="test" data-scale="1">

            <img src="data: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

最新文章

热门文章