项目经常有查看大图预览的需求,如果是自己写的用模态框写的查看大图,只是简单看看还可以,如果需要旋转,放大缩小,反转操作,就会很麻烦。我们可以使用viewerjs-react
一、插件介绍
该插件是根据viewerjs封装的react可以使用:
- github: https://github.com/tinymins/viewerjs-react
- npm: https://www.npmjs.com/package/viewerjs-react
- 在线演示:https://fengyuanchen.github.io/viewerjs/
使用viewerjs-react插件实现图片的预览
1.安装viewerjs-react
npm install --save viewerjs@^1.9.0 viewerjs-react
2.组件中引入viewerjs-react
3.使用
4 效果展示: