import { Button, Modal, Space, Toast, Divider } from'antd-mobile'import { UpOutline, DownOutline, AddCircleOutline, MinusCircleOutline } from'antd-mobile-icons'import { Document, Page, pdfjs } from'react-pdf'; import'react-pdf/dist/esm/Page/AnnotationLayer.css';//样式导入import 'react-pdf...
pdfViewer.scaleX = pdfViewer.scaleY = initScale * zoomTemp; }); } componentDidMount() { this.handlePinch(); // 手势放大缩小 pdf } render() { let {pdf = {}} = this.context; let numPages = pdf ? pdf.numPages : 0; let fingerprint = pdf ? pdf.fingerprint : 'none'; let pages ...
react-pdf-viewer : PDF 查看器 react-parallax-tilt : 倾斜悬停效果 react-tsparticles : 粒子动画 react-accessible-accordion : 手风琴 react-cookie : cookies react-slick : 走马灯 nuka-carousel react-device-detect : 检测设备 react-colorful : 颜色选择器 react-modal : 模态对话框 cleave.js : 键入时...
The PDF Viewer provides a configurable toolbar to help users interact. You can choose to enable and disable a combination of built-in tools or you can add your own. Built-in tools include: pager zoom selection search open download print ...
scale'auto' | numberdefaut value is 'auto', react-react-pdf use pdfjs-viewer,so if the scale is 'auto' , it can Adaptive mobile device .This property decides the viewport in render minScalenumberdefaut value is 0.25, decides the minimum value of scale ...
https://github.com/wojtekmaj/react-pdf#readme 一、概述 react项目中,很多时候(尤其是需展示报告的页面)会遇到需要预览pdf文件的需求。而据调研,使用react-pdf插件可以很好地实现这个功能。 二、操作步骤 1. 安装 1 yarn add react-pdf 或 npm install --save react-pdf 2. 新建一个 PdfViewer.jsx 的...
React PDF viewer 是用于查看 PDF 文档的 React 组件,采用 TypeScript 编写,完全基于 React hooks展开收起 暂无标签 https://www.oschina.net/p/react-pdf-viewer JavaScript等 3 种语言 TypeScript 96.0% SCSS 3.8% JavaScript 0.2% 取消 发行版 暂无发行版 ...
pagenumberdefault value is 1 ,decides that which page to show in PDF file. scale'auto' | numberdefaut value is 'auto', react-react-pdf use pdfjs-viewer,so if the scale is 'auto' , it can Adaptive mobile device .This property decides the viewport in render ...
React PDF viewer 是一款专为在 React 应用中展示 PDF 文档设计的组件,其采用 TypeScript 编写,并充分利用了 React 的 hooks 特性。此组件不仅支持查看带有密码保护的 PDF 文件,还允许用户根据个人需求调整文档的显示大小,提供了高度灵活的自定义缩放功能。
这边的效果和pdfjs-dist呈现的是一样的 pdf-viewer 提示:使用的环境是 Vite + React 首先先根据自己的需求下载对应的build包 解压后,将其中的build和web文件夹移入public中,也便后续能够直接在线上进行访问 这样就将 pdfjs 和 viewer 加载进来了,你可以启动项目到/web/viewer.html路径下访问,测试是否生效 ...