React项目实现图片预览-viewerjs-react 点击图片放大查看组件，可翻转插件-程序员宅基地

项目经常有查看大图预览的需求，如果是自己写的用模态框写的查看大图，只是简单看看还可以，如果需要旋转，放大缩小，反转操作，就会很麻烦。我们可以使用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 效果展示：

本文链接：https://blog.csdn.net/z611739/article/details/120732958

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

JAVA 解析未知JSON并获得key,value,value的类型_java解析未知json-程序员宅基地

文章浏览阅读8.4k次，点赞2次，收藏6次。try { JSONObject object=new JSONObject("{\"showid\":\"38f5ef6ae35711e0a046\", \n" + " \"showname\":\"\\u996d\\u5c40\\u4e5f\\u75af\\u72c2\", \n" + _java解析未知json

【论文汇总】2D目标检测文章汇总，持续更新_target-aware dual adversarial learning-程序员宅基地

文章浏览阅读1.8k次，点赞12次，收藏51次。记录自己比较感兴趣的2D目标检测文章。_target-aware dual adversarial learning

Java中的栈Stack、Deque、ArrayDeque、LinkedList_java中的栈类-程序员宅基地

文章浏览阅读1.1w次，点赞66次，收藏151次。文章目录先来说说Java中的Stack类不用Stack至少有以下两点原因该用ArrayDeque还是LinkedList？结论先来说说Java中的Stack类Java中Stack类从Vector类继承，底层是用数组实现的线程安全的栈。栈是一种后进先出(LIFO)的容器，常用的操作push/pop/peek。不过Java中用来表达栈的功能（push/pop/peek），更适用的是适用双端队列接口Deque，并用ArrayDeque/LinkedList来进行初始化。Deque<Integer&g_java中的栈类

Navicat 连接数据库出现1251_navicat11 1251-程序员宅基地

文章浏览阅读179次。MySql】Navicat 连接数据库出现1251。– 修改远程连接权限 % 可换为自己的电脑ip。_navicat11 1251

python3使用pymysql返回字典-程序员宅基地

文章浏览阅读872次。python3使用pymysql返回字典_pymysql返回字典

Shell脚本学习-阶段二十七-命令解释二_shell shuf-程序员宅基地

文章浏览阅读1.8k次。文章目录-命令解释二前言emacsjedjoenano================picosed===================vi,vim============mtype=============rgrep==========excmpbzcmpcommdiff===========bzdiffdiffstatdiff3find==============locate/slocate=========whereis==========updatedbwhich=========basena.._shell shuf