一个JS库实现手机浏览器端-图片全屏双指缩放、平移的库
pinchzoom.js
直接看例子:http://code.wubin.work/code/js/pinchzoom-demo/
这个库的官网:https://manuelstofer.github.io/pinchzoom/
应用方法很简单
<div class="pinch-zoom">
<img src="frog.jpg"/>
</div>
JS
var el = document.querySelector('div.pinch-zoom');
new PinchZoom.default(el, {});
唯一要注意的就是,示例话这个库后,会在原本的pinch-zoom外层套一个pinch-zoom-container,我外层,需要对外层pinch-zoom-container设置宽度!
.pinch-zoom-container{
width: 100%;
}