简介 Viewer.js 是一款强大的图片查看器。 Viewer.js 有以下特点: 支持移动设备触摸事件 支持响应式 支持放大/缩小 支持旋转(类似微博的图片旋转) 支持水平/垂直翻转 支持图片移动 支持键盘 支持全屏幻灯片模式(可做屏保) 支持缩略图 ...
最近在帮同事在旧系统增加功能时又接触到viewer.js,其中踩了些坑,直到跟踪到源码才找到解决方法。 旧系统是N年前的系统,采用jquery 自研发的UI进行的开发,其中引入了一些插件,其中图片预览就是采用的viewer.js。之前上传的文件只有图片,所以预览并没什么问题,新需求中要求可以上传PDF文件,上传后点击pdf图片在新页面打开pdf文件。 思路 上传文件成功胡判断文件后缀,普通图片就 ...
2021-01-28 18:59 0 626 推荐指数:
简介 Viewer.js 是一款强大的图片查看器。 Viewer.js 有以下特点: 支持移动设备触摸事件 支持响应式 支持放大/缩小 支持旋转(类似微博的图片旋转) 支持水平/垂直翻转 支持图片移动 支持键盘 支持全屏幻灯片模式(可做屏保) 支持缩略图 ...
一、简介 Viewer.js 是一款强大的图片查看器。 Viewer.js 有以下特点: 支持移动设备触摸事件 支持响应式 支持放大/缩小 支持旋转(类似微博的图片旋转) 支持水平/垂直翻转 支持图片移动 支持键盘 支持全屏幻灯片模式(可做屏保) 支持 ...
最近在写一个移动端项目,遇到这么一个需求,在某个页面内点击图片进行预览,并可以实现放大缩小的功能。于是我查找了很多资料,自己整理了一个Demo,以便日后用得到。 先上效果图 我放的效果图是模拟移动端测的,该插件同样适用于PC端。 引用 需要引用的文件 ...
1、viewer.js 使用 Demo http://fengyuanchen.github.io/viewerjs/ 2、viewer.js 下载地址 https://github.com/fengyuanchen/viewerjs 3、viewer只能初始化一次,也就是说如果用ajax ...
主要功能: 支持选项 支持方法 支持事件 支持触摸 支持移动 支持缩放 支持旋转 支持键盘 跨浏览器支持 作者githup地址:https://github.com/fengyuanchen/viewer 演示地址:http ...
分为两个版本,一个是js版本,一个是jquery版本 viewer.js 可以自行去下载 官网的下载路径 https://viewerjs.org/getit/ 注意版本不同,有的版本不支持点击除图片和按钮外的空白处自动关闭放大的功能 先看图片放大的效果 一、先说js版本 ...
使用简介 https://github.com/FNNDSC/viewerjs(需要点击遮罩层关闭弹框的复制下面内容) https://www.jianshu.com/p/d98db3815823 viewer.js View Code ...
1、引入 下载cnpm i viewerjs -S并引入css与js 2、new Viewer(DOM节点,{配置属性}),例: 属性只能查文档:(https://github.com/fengyuanchen/viewerjs/blob/master/README.md ...