问题标签 [react-pdf]

我需要创建两个按钮来下载我用 react-pdf 创建的 pdf。我这样尝试：

当我尝试渲染它时，我得到一个错误

无法读取 null 的属性“hasGlyphForCodePoint”

我使用自定义字体，但没有其他方法可以在 react-pdf 中获取 Cyrilic。当我删除自定义字体时，两个文档都成功呈现，但没有 Cyrilic。我应该怎么办？

我不确定我是否正在寻找最适合我的用例的软件包，或者其他企业是如何做到的。但我希望在页面内嵌入可编辑的 PDF，允许用户填写 PDF，然后单击提交，我会将 PDF 保存在我的服务器上。

非常类似于 DocUSign 的工作方式。

我发现使用 react=pdf 或 js-pdf 我可以做这样的事情，但看起来仍然不太可能。这些库允许我自定义自定义 PDF 并添加我自己的字段，但这些文档中的大多数已经有了这些字段。

这是一个示例：http ://site.petitrc.com/setup/associated/setupb6.1/B6.2_EditableSetupSheet.pdf

是否有任何其他类似的软件包，或者我可以使 react-pdf 工作的方法？

提前致谢！

我正在寻找一种方法，允许使用 react-pdf 库在页面之间破坏图像并“换行”。

换句话说，如果图像不适合页面的其余部分，我正在寻找一种方法让图像的顶部保留在第一页上，并将图像的其余部分拆分并显示在下一页。

我需要在我的 ReactPDF 查看器上显示当前页面。

用户滚动页面时如何调用 setPageNumber？

以前我有一个按钮设置当前页面，当设置组件滚动到这个页面时。

我也想根据当前滚动的页面来设置页面。

谢谢！

导入字体时遇到问题，它返回错误：Unhandled Rejection (Error): Could not resolve font for undefined, fontWeight 400。

并申请这样的页面样式：

有人对此有想法吗？任何帮助，将不胜感激

我有一个要求，我必须在画布中打开现有的 pdf 并在 pdf 中绘制可调整大小和可拖动的矩形，并获取绘制的这些矩形的坐标。这是我显示pdf的代码。

这是我用来获得可调整大小的矩形的代码

我需要把这个矩形放在 pdf 上并获取它的坐标。有没有其他方法可以在 pdf 中绘制矩形并获取其坐标？

感谢所有帮助。

这是一个react-pdf示例，https://storage.googleapis.com/cbb_logos/conf_logos/conf-1-logo.png它是指向在 GCS 上公开托管的图像的链接。根据 GCS，“任何拥有此链接的人都可以访问公共互联网上的对象”

但是，如果我将链接复制到react-pdf示例中的第 11 行，则图像不会显示。根据他们的图像组件的文档，它清楚地表明：用于显示网络或本地（仅限节点）JPG 或 PNG 图像的 React 组件，以及 base64 编码的图像字符串。

简而言之，我对此不走运，还是有另一种方法可以在 react-pdf 中获取托管图像？也许另一个 JS 库对此更好？我认为将此图像本地保存到我的应用程序不是一个好主意，因为我还有 1000 个徽标，这会使我的应用程序大小增加不少。

Edit1：我使用这个stackblitz（不是我的）快速尝试使用jsPDF https://stackblitz.com/edit/react-w5qb9a?file=src%2FApp.js

我放弃了这个 div

...在p-tag下，然后下载了PDF，图像也没有出现。所以我仍在寻找解决方案。

我想从我的用户信息页面制作一个 pdf。我使用 react-pdf，但我没有在 react-pdf 网页中找到有关使用我的文档变量中的道具的信息。是否可以使用它或者我怎么能不使用任何道具？

我将在这里复制整个错误。看起来它来自 setPdfSize 函数。笔记：

TypeError：无法读取 null 的属性“getBoundingClientRect”。10 | 常量 setPdfSize = () => { 11 | setInitialWidth(pdfWrapper.current.getBoundingClientRect().width); | ^ 12 | }; 13 | 14 | useEffect(() => { 任何帮助将不胜感激。

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

• PDF-Generation 150 Text-components 在没有 umi 的情况下花费了大约 311.44 毫秒
• 使用 umi：7179.40 毫秒

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

我试过的代码示例

注意：以下示例是ant-design-pro项目。但是错误发生在所有umi-js项目中。

• 快速版本：https ://codesandbox.io/s/damp-thunder-rybh7
• 慢版：https ://codesandbox.io/s/confident-leaf-hgk7c?file=/src/pages/user/login/index.tsx
• 慢版（GitHub）：https ://github.com/mleister97/ant-design-react-pdf-slow
• （慢版是 ant-design-pro 的全新设置，只是修改了“启动”页面）
• （确保在此端口上提供应用程序时打开浏览器（：8000）选项卡并直接检查浏览器的控制台，而不是代码框之一）

当 toBlob 被调用时，幕后发生了什么？

我该如何解决这个问题？