##vue-previewer

###一个基于vue的图片预览插件.

安装 npm i @redbuck/vue-preview

使用 import Previewer from '@redbuck/vue-preview'

<previewer :src="path" :ratio="0.5" :scale="1.8" ratio-ranger="1,10"></previewer>

DEMO

props

名称	功能	默认值	类型	可选值/说明
src	图片的地址	无	String	url 地址 || base64 || blob
size	容器的大小	wrap	String	实际上是容器的类名,wrap表示由父容器决定
ratio	小窗与容器的比例	0.5	Number	默认缩放比例
scale	预览窗口与容器的比例	1	Number	number
ratioRanger	允许用户缩放的范围	1,9	String	逗号分隔的两个小于10的值