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 |

vue-touch-zoom