• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

react-photo-view: 一款精致的 React 的图片预览组件,支持左右切换导航、上/下滑关闭 ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

react-photo-view

开源软件地址:

https://gitee.com/MinJieLiu/react-photo-view

开源软件介绍:

react-photo-view

中文 | English

一款超精致的图片预览组件

NPM versionDownloadsMinified sizeGzip size

example

快速开始

特性

  • 支持触摸手势,拖动/平移/物理效果滑动,双指指定位置放大/缩小
  • 全方面动画衔接,打开/关闭/回弹/触边,顺其自然的交互效果
  • 图像自适应,以一个合适的最初呈现大小,并根据调整自适应
  • 支持自定义如 <video /> 或任意 HTML 元素的预览
  • 键盘导航,完美适配桌面端
  • 支持自定义节点扩展,轻松实现全屏预览、旋转控制、图片介绍以及更多功能
  • 基于 typescript7KB Gzipped,支持服务端渲染
  • 简单易用的 API,上手零成本

安装

yarn add react-photo-view

基本使用:

import { PhotoProvider, PhotoView } from 'react-photo-view';import 'react-photo-view/dist/react-photo-view.css';function App() {  return (    <PhotoProvider>      <PhotoView src="/1.jpg">        <img src="/1-thumbnail.jpg" alt="" />      </PhotoView>    </PhotoProvider>  );}

License

Apache-2.0 © MinJieLiu


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap