插件简介 基于 viewer.js 插件,用于 Vue 的图像查看器组件 官网地址:https://mirari.cc/v-viewer/ 下载安装 通过 npm 安装: GitHub 下载地址:https://github.com/mirari ...
在开发中,经常会遇到这样的需求,就是点击图片,能够放大预览。在网上找到了一款很好用的插件。拿来即用,不需要复杂的配置。特此记录下 这里只是针对于在vue脚手架下的使用方法 。 安装依赖包。 在main.js中配置如下: 在需要使用图片查看的文件中使用如下: 上面的images是一个数组,用来存放需要预览的图片的路径的。 ...
2019-01-22 16:48 2 10900 推荐指数:
插件简介 基于 viewer.js 插件,用于 Vue 的图像查看器组件 官网地址:https://mirari.cc/v-viewer/ 下载安装 通过 npm 安装: GitHub 下载地址:https://github.com/mirari ...
使用 引入v-viewer及必需的css样式,并使用Vue.u ...
第一步下载 第二步,在页面中引入(我这里是直接将下载下来的文件从node_modules提取出来了,在assets) 第三步就是使用了,关于使用的方法有很多,这里说一下我遇见的问题。这个查看只能用在img标签上,其他标签不显示图片 这里先放一下参考的网址:https ...
效果: 使用: 1、下载插件:npm install v-viewer 2、在需要使用v-viewer的页面引入 或者全局引入: 3、如果是一张图片,可以使用v-viewer指令: 如果是多种图片,可以先声明img数组 ...
jq的viewer插件可以实现对图片的放大,缩小,旋转,上下移动的操作,功能很是强大,在项目中需求是在一个新的弹窗框中对图片进行这些操作,过程是由点击放大和点击编辑功能到点击实现这些功能,因为用到了jq所以引入以下代码: < link rel = "stylesheet ...
简介 Viewer.js 是一款强大的图片查看器 Viewer.js 有以下特点: 支持移动设备触摸事件 支持响应式 支持放大/缩小 支持旋转(类似微博的图片旋转) 支持水平/垂直翻转 支持图片移动 支持键盘 支持全屏幻灯片模式(可做屏保) 支持缩略图 ...
今天无意中发现一个比较有趣的插件v-viewer,可以实现图片的放大缩小,旋转,图片集预览,全屏预览等功能非常全面。 效果: 如何使用 1、安装依赖npm install v-viewer --save2、在main.js中全局引入import Viewer from ...
1、先安装依赖npm install v-viewer --save2、main.js内引用并注册调用 代码: // 图片放大缩小功能 import Viewer from 'v-viewer' import 'viewerjs/dist ...