1. 产品
  2.   PDF格式
  3.   JavaScript
  4.   React-PDF
 
  

通过反应PDF显示你的反应表现出PDF个文件

React-PDF允许您显示PDF个文件、好像它们是在没有任何冲突或使用多个插件的React应用程序中的图像一样。

有很多时候开发人员需要在“反应”应用程序中添加“位置”、尽管很难获得解决、大小或布局正确、但是React-DF允许您像“添加到“反应用程序图像”。 它可以下载、开放源码、和一个完整的包。 用JavaScript和CSS开发了PDF反应、完全符合任何反应应用程序。

目前有许多版本的React-DF、最新版本是React-DFV5。 然而、其他版本也不断得到错误修复和更新、使用React-DFV5将产生最佳结果。

为了使用React-DF确保您的React应用程序使用Reacti的最新版本。 回复16。3或以后。 如果你使用旧版的React、那么你将不得不使用旧版本的React-DF。

Previous Next

从"反应"开始

启动的最简单的建议是通过数字安装、下面是命令。

通过数字安装反馈

npm install react-pdf

您也可以手动安装它；直接从 GitHub 存储库下载最新版本文件。

Non-Latin个人物在自由JavaSrcipt API

开放源代码React-DF库使软件开发人员能够使用JavaScript个命令在自己的应用程序中编程地呈现非lin字符。 React-PDF也有non-Latin个字符支持、如果您想确保在项目中显示PDF个字符时能够正确地呈现出来、那么您可以用cMaps个pd。

使用免费JavaScript API的单个或多个PDF页

该文档标签允许您加载一个PDFdoc通过文件支撑。 使用这个标签、您可以加载一个或多个页面、或添加导航也可以。 您还可以突出页面上的文本、以互动方式显示目录表、并提供外部链接。

如何通过JavaScriptAPI显示单PDF页

import React from 'react';
import { Document, Page } from 'react-pdf';
import samplePDF from './test.pdf';
export default function Test() {
  return (
    
      
    
  );
}

通过JavaScript份PDF份文件管理说明

开放源码JavaScriptReact-PDF为软件程序员提供了程序管理其PDF个文档中各种注释的能力。 请记住、用户需要包括必要的样式表格、以便正确显示注释。 它使用户能够轻松地强调光线、文字、墨水、笔记、形状和更多的东西。

如何通过JavaScript号波段处理外部链接

import React, { useState } from 'react';
import { Document, Outline, Page } from 'react-pdf';
import samplePDF from './test.pdf';
export default function Test() {
  const [pageNumber, setPageNumber] = useState(1);
  function onItemClick({ pageNumber: itemPageNumber }) {
    setPageNumber(itemPageNumber);
  }
  return (
    
      
    
  );
}
 中国人