Introduce
基于vue2.0,实现移动端容器内缩放与位移,缩放基于两指中心
Based on vue2.0, it realizes the scaling and displacement in the mobile terminal container, and the scaling is based on the two-finger center
Getting started
1.Install the plugin
npm i vue-touch-zoom
or
yarn add vue-touch-zoom
2.Add the plugin into your app
import Vue from 'vue'
import TouchZoom from 'vue-touch-zoom'
Vue.use(TouchZoom)
or
import TouchZoom from 'vue-touch-zoom'
export default{
components:{
TouchZoom
}
}
3.Usage
<TouchZoom>
<div></div>
</TouchZoom>
TouchZoom is external container,you can use slot
to add inner content.
4.settings
<TouchZoom :maxScale="2" :minScale="0.5">
<div></div>
</TouchZoom>
Name | Type | Solution | Default |
---|---|---|---|
maxScale | Number | maximum grow multiple | Infinity |
minScale | Number | minimum shrink multiple | 0 |