1.0.7 • Published 4 years ago
vue-touch-zoom v1.0.7
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-zoomor
yarn add vue-touch-zoom2.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 |