1.0.7 • Published 2 years ago

vue-touch-zoom v1.0.7

Weekly downloads
-
License
ISC
Repository
github
Last release
2 years ago

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

npm.io

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>
NameTypeSolutionDefault
maxScaleNumbermaximum grow multipleInfinity
minScaleNumberminimum shrink multiple0

vue-touch-zoom

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago