如果我觉得react没有顺手的图片预览组件,就自己封装一个,放在项目文件里,自己本地导入使用,需要微调,自己也知道地方,也不用担心组件之间的高耦合度,自己也可以控制。
api全部在代码里,手动微调即可。
功能:
点击缩略图可以在模态框中展示选中的图片,并带有高亮。
可以放大和缩小图片,最大放大到130%,最小缩小到30%。
可以旋转图片,左旋转和右旋转分别是每次旋转90度。
可以上下翻转和水平翻转图片,点击按钮可以进行翻转和恢复默认状态。
可以使用键盘的箭头键进行上一张和下一张图片的切换,同时也支持使用键盘的上下箭头进行放大和缩小。
可以通过拖拽图片进行位置的调整,鼠标按下开始拖拽,松开结束拖拽。
可以进入全屏模式查看图片,再次点击退出全屏。
在模态框中显示缩略图,点击缩略图可以切换到相应的图片。
, 相关下载链接:
https://download.csdn.net/download/dyk11111/88258611?utm_source=bbsseo