vue实现图片预览viewer.js

Viewer.js

  • 开源图片预览插件
  • 项目中使用
  • 官方文档

开源图片预览插件

支持移动设备触摸事件
支持响应式
支持放大/缩小
支持旋转(类似微博的图片旋转)
支持水平/垂直翻转
支持图片移动
支持键盘
支持全屏幻灯片模式(可做屏保)
支持缩略图
支持标题显示
支持多种自定义事件

配置参数
vue实现图片预览viewer.js_第1张图片

项目中使用

1、安装

npm install v-viewer -S

mian.js 引入

import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'
Vue.use(Viewer)
Viewer.setDefaults({
  // 需要配置的属性 注意属性并没有引号
  title: false,
  toolbar: false
})

3、使用




官方文档

中文文档: v-viewer

你可能感兴趣的:(VUE,vue.js,javascript,前端)