vue-scale-box

> A vue scale box component, for browsing large image and content, support interaction by both mouse and touch.

> 一个简单的缩放盒子组件，支持鼠标和触摸操作，用于浏览尺寸较大的图片、文档等。


How to use / 如何使用

$3

``javascript
npm install vue-scale-box
// or install from github reponsitory
npm install https://github.com/ferrinweb/vue-scale-box.git

// or use yarn / 推荐使用 yarn
yarn add vue-scale-box
// or install from github reponsitory
yarn add https://github.com/ferrinweb/vue-scale-box.git
`

$3

`javascript
// global import / 全局引入
import scaleBox from 'vue-scale-box'
Vue.use(scaleBox)

// import on demand in your vue component file. / 按需引入
import scaleBox from 'vue-scale-box'
export default {
components: {
scaleBox
},
...
}
`

$3

> You can ckeckout this repository and try this demo.

> 你可以直接检出 vue-scale-box 源码到本地，查看示例。

`html





``

$3

名称 | 说明 | 默认值
|---|---|---|
default | 放置到缩放盒子的内容 | 无

$3

名称 | 说明 | 默认值
|---|---|---|
maxRatio | 最大方法比例 | 3
minRatio | 最小缩小比例 | 0.1
originalSizeText | 原始尺寸按钮文本 | Original Size
fitPageText | 适应页面（当前容器）尺寸 | Fit Page
initRatioType | 默认初始化缩放模式和比率。
no-scaling：初始化时不进行缩放；
fit-when-large：初始化时仅当内容尺寸大于容器尺寸条件下按照适应页面缩小；
fit-when-small：初始化时仅当内容尺寸小于容器尺寸条件下按照适应页面放大；
fit：初始化时总是按适应页面进行缩放；
number：如果设置为正数数字，则初始化缩放比率设置为该值。 | fit-when-large

$3

名称 | 说明 | 参数
|---|---|---|
update | 更新缩放盒子内容尺寸等参数 | 无

Lisence

MIT Lisence.