jquery.panzoom插件
一个jQuery插件,用于使用CSS3平移和缩放元素,尤其是在移动端可以手动缩小平移,panzoom在支持SVG的浏览器中直接平移和缩放SVG元素。
//下载
npm install jquery.panzoom
//引入
import "jquery.panzoom";
//使用
1.初始化
let zoom=$("a.panzoom-elements").panzoom({
minScale: 0, //最小和最大放大比例
maxScale:10,
linearZoom: false,
increment: 0.3, //要放大的增量,大于0
duration:200, //动画时间(ms)
easing:”ease-in-out” //CSS简化用于缩放过渡
});
2.方法
例如panzoom方法:
zoom.panzoom(“zoom”,scale,ops);
参数如下:
scale {Number | Boolean}:缩放的精确比例或指示过渡缩小的布尔值
opts {Object}:此选项对象可以覆盖所有全局选项。例如,覆盖默认增量