jquery.panzoom插件的使用

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}:此选项对象可以覆盖所有全局选项。例如,覆盖默认增量
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值