Vue中如何构建基于viewer的图片浏览组件？

本文共计948个文字，预计阅读时间需要4分钟。

vue2-viewer 是一款功能强大的图像浏览插件，支持放大预览、旋转、任意比例缩放等功能。它是 viewer.js 的 Vue 实现，效果和样式完全移植自 viewer.js。

vue2-viewer

vue2-viewer 是一款强大的图像浏览插件，可以实现图像的放大预览，旋转，任意比例放大和缩小等功能

vue2-viewer 是viewer.js vue的实现，效果以及样式完全移植自viewer.js关于viewer.js可以参考链接

[fengyuanchen.github.io...]

插件中所有的效果均大量地使用了css3的新特性替换了viewer.js中的js动画，所以vue2-viewer主要实用场景是现代浏览器中。

使用文档

安装

npm install --save vue2-viewer

在main.js中引入并使用插件

import ImageViewer from 'vue2-viewer'; Vue.use(ImageViewer);

插件会在全局注册vue-viewer组件

使用组件

vue2-viewer 提供两种使用模式，单图片模式和多图列表模式。