标签: react-pdf

console.error node_modules/react-dom/cjs/react-dom.development.js:506 警告：使用不正确的大小写。对 React 组件使用 PascalCase，对 HTML 元素使用小写。

我有 Jest 和 react-pdf 的问题

我在一个新的 umi 项目中包含了react-pdf：

• PDF 生成 150 个文本组件在没有 umi 的情况下花费了大约 311.44 毫秒
• 使用 umi：7179.40 毫秒

在 umi 项目中，每个元素都需要大约 10 倍！

我试过的代码示例

import React from "react";
import "./styles.css";
import { Document, Page, pdf, Text, View } from "@react-pdf/renderer";

export default function App() {
  const pdfClickHandler = async () => {
    console.time("PDF generation took:");
    await pdf(
      <Document>
        <Page>
          <View>
            {Array.from(Array(150).keys()).map((key) => (
              <Text key={key}>text-element</Text>
            ))}
          </View>
        </Page>
      </Document>
    ).toBlob();
    console.timeEnd("PDF generation took:");
  };

  return (
    <div className="App">
      <button …

我正在尝试从 s3 链接获取 pdf 并在 React 应用程序中显示。我正在使用react-pdf。但是当react-pdf进行api调用来获取pdf时，我收到此错误

从源“...”获取“...”的访问已被 CORS 策略阻止：请求的资源上不存在“Access-Control-Allow-Origin”标头。如果不透明响应满足您的需求，请将请求模式设置为“no-cors”以在禁用 CORS 的情况下获取资源。

在 React 应用程序上我还添加了这个，

源={{ 标头: { 'Access-Control-Allow-Origin': '*', }, }}

我一直在 NextJs 应用程序中的仪表板中使用 recharts 库，并且出现了通过 PDF 下载表格和图表的新要求。

在react-pdf的github上有一个问题，由于包中新发布了SVG支持，该问题现已关闭，作者指出绑定应该单独完成，人们已经实现了这一点。

• 已解决的 GitHub 问题：https ://github.com/diegomura/react-pdf/issues/669
• SVG 示例：https://react-pdf.org/repl?example =svg

到目前为止，我已经完成了 PDF 渲染简单内容，例如文本。注意：要让react-pdf在此沙箱中工作，您可能需要在新窗口中打开它。 https://codesandbox.io/s/simple-line-chart-forked-vifo9?file=/src/App.tsx

我使用react-pdf创建了一个pdf查看器。当我显示某些 pdf 时，文本断断续续且难以阅读。我尝试过放大和缩小文档，但它在不同的比例下以不同的方式出现断断续续的情况。有时，在缩小然后放大后，文本在一定比例下甚至看起来还不错。

（1.5 比例的示例）

（1.6 比例的示例）

起初，我认为这可能是react-pdf的问题，但我发现react-pdf基本上是PDF.js的包装器。我发现我可以在PDF.js 演示页面中复制该问题。

不幸的是，我正在处理包含识别信息的 pdf，因此我无法共享完整的 pdf 或完整屏幕截图。我将尽可能多地分享。

我尝试过的

• 我最初的想法是，组件可能最初渲染得很小，然后在扩展时出现了问题。所以我把初始尺寸做得很大，但这并没有解决问题。
• 我确保按照react-pdf主页上的说明包含标准字体
• 我尝试使用在线 pdf 修复工具来修复 pdf 本身。那没有帮助。
• 我尝试将 更改为Document api 文档中详细说明的renderMode内容。这是最有用的修复，因为它确实正确渲染了文本，但随后却导致 pdf 上的图像无法加载。'svg'

感谢您的帮助/建议。

如果我能找到一种方法来编辑 pdf 使其不包含敏感信息，我会尝试找到一个地方使其可用于测试。很抱歉目前无法提供该信息。我知道，当你自己无法复制时，很难给出建议。我会努力解决这个问题。

我正在使用带有“pdfjs-dist”的react-pdf-viewer 3.9.0：“2.15.349”。

看起来 React PDF Viewer 仍然等到完全下载文件，而不是在下载最低要求后立即渲染第一页（快速 Web 视图或线性化技术）。我的文件已经线性化（字节流），即使正在获取文件，我也想渲染第一页。我很想知道如何解决这个问题！谢谢你！

我正在开发一个简单的 React Web 应用程序，该应用程序可以向 IPFS 添加文件或从 IPFS 检索文件。

当文件添加到IPFS时，页面上会出现添加的文件（即医疗文件）的名称以及“查看文件”按钮。

单击该按钮时，应使用react-pdf 中的“文档”组件查看该文件[ https://www.npmjs.com/package/react-pdf | （文档 file="..." 。文件可以是 URL、base64 内容、Uint8Array等。）

Error: "Setting up fake worker failed: "window.pdfjsWorker is undefined"."

  <Document file={{ data: pdfFile.content }}></Document>

      import React, { Component } from "react";
import Web3 from "web3";
import "./App.css";
import Meme from "../abis/Meme";
import Addressbar from "./Addressbar";
import Main from "./Main"; …