自己封装的 vue 查看器可以查看pdf和图片 图片可以切换、旋转 、放大缩小(鼠标滚轮)、拖拽、删除功能

图片功能:

切换图片、旋转 、放大缩小(鼠标滚轮)、拖拽、删除功能 

当点击“查看当前图片时”,调用vue 中viewer.js组件  也是具有以上功能

pdf功能:

在图片区域可以看到的

啥也不说代码如下:






效果图如下:

自己封装的 vue 查看器可以查看pdf和图片 图片可以切换、旋转 、放大缩小(鼠标滚轮)、拖拽、删除功能_第1张图片

自己封装的 vue 查看器可以查看pdf和图片 图片可以切换、旋转 、放大缩小(鼠标滚轮)、拖拽、删除功能_第2张图片

pdf功能:如图

自己封装的 vue 查看器可以查看pdf和图片 图片可以切换、旋转 、放大缩小(鼠标滚轮)、拖拽、删除功能_第3张图片

参考资料:

https://github.com/mirari/v-viewer

你可能感兴趣的:(自己封装的 vue 查看器可以查看pdf和图片 图片可以切换、旋转 、放大缩小(鼠标滚轮)、拖拽、删除功能)