问题标签 [react-pdf]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
824 浏览

javascript - Highcharts-React 获取图表的Base64 PNG

我希望将图表导出传递给特别需要 PNG 或 JPG 的组件,因此 SVG 将无法正常工作。

在其他 SO 答案的帮助下 - 我能够使用以下代码获得 SVG Base64:

有没有办法获得PNG base64?或者 React 中是否有一种有效的方法可以将此 SVG base64 转换为 PNG?

谢谢!!!

0 投票
0 回答
466 浏览

reactjs - 在反应中将字符串转换为pdf

在反应应用程序中,我从 API 获取原始 pdf 字符串,我想在用户浏览器的新选项卡中将其转换为 pdf 文档。

我通过一个简单的Axios请求获取数据并得到类似的回报:

关于如何在反应中将此原始字符串转换为 pdf 文件的任何建议?

0 投票
0 回答
1044 浏览

reactjs - 我在我的 react js 网站中使用 @react-pdf/render 想要在 react-pdf 中将其呈现为 HTML

我在我的 react js 网站中使用@react-pdf/render。我将 HTML 代码表单后端作为字符串获取,我想在 react-pdf 中将其呈现为 HTML。请给我一个解决方案,或者我应该使用其他库?

0 投票
2 回答
167 浏览

reactjs - 想要获取 html 组件作为图像,但总是 document.querySelector 返回 null

我是新来的反应。我正在使用 QRcode.react 生成一个 QR 码,我希望将其添加到 @react-pdf/renderer,以便我可以在 pdf 中附加 QR 码。因此,为此,我试图将 HTML 作为图像的 DataURL。

下面是我生成图像 URL 的代码

问题是我总是进入 document.querySelector Null 所以我无法创建 HTML 的 URL。我做错了吗?

0 投票
1 回答
2133 浏览

reactjs - TypeError:使用 React js 时无法读取 PDFJS.GlobalWorkerOptions.workerSrc 中未定义的属性“GlobalWorkerOptions”

我在 PDFJS.GlobalWorkerOptions.workerSrc 中收到“TypeError:无法读取未定义的属性 'GlobalWorkerOptions'”。我的代码在这里,

我用它从给定的pdf中提取文本。我用

npm 我反应-pdf

npm 为此。帮我..

0 投票
1 回答
4208 浏览

reactjs - React pdf下载空白

我正在使用 React 钩子和 react-pdf 中的react-pdf

我尝试了 3 种不同的 React pdf 转换器,这是迄今为止效果最好的一种。它仍然不能很好地工作 - 我看不出如何让它既不会耗尽内存也不会产生空白的 pdf。

我有一个生成 pdf 的组件:

我还有另一个组件,它有一个下载 pdf 文件的按钮。我发现有人声称 useMemo 有助于这种情况,但我也不能让它这样工作:

然后我在 JSX 的一个 div 中有 {stuff}。

当我单击下载链接时,我得到一个空白 PDF。怎么了?

如果我不设置 wrap={false} 它会耗尽内存吗?

0 投票
0 回答
981 浏览

javascript - 在 WebWorker 中使用 pdf.js?

我正在使用pdf.js从 pdf 文档生成图像。

这是我的代码

它工作正常。但是在生成过程中,它阻塞了导致一些 UI 问题的主线程。

因此,我想将所有逻辑移至 Web Worker 以释放主线程。

但是在web worker中运行时,出现错误:

pdf.js:11210 Uncaught (in promise) 错误:设置假工人失败:“ webpack_require (...).ensure is not a function”。

它是从这个函数setupFakeWorkerGlobal抛出的

我的猜测是它无法加载workerSrc,所以它必须fake worker与抛出错误一起使用。:(

我会很感激任何帮助。

0 投票
1 回答
2762 浏览

reactjs - 使用 react-pdf/render 库在 pdf 文档中呈现自定义 HTML 标记

我正在尝试在组件内部呈现 HTML,同时使用模板<View>/<Text>在内部呈现 PDF 。<PDFViewer>

我想在我的 pdf 中呈现下面显示的自定义 HTML 标记代码

<p><span style="font-size: 24px;">Pre Interview Notes</span></p><p><br></p><p><strong style="font-size: 14px;"><u>This is a test Pre Interview Notes:</u></strong></p><p><br></p><p><em style="font-size: 14px;">The Guest requires a wheel chair for the show</em></p><p><br></p><p><br></p>

环境

  • 浏览器 [例如 Chrome ]:
  • React-PDF 版本 [1.6.8]:
  • 反应版本 [例如 16.8.6]:
0 投票
2 回答
9144 浏览

reactjs - 如何在 ReactJS 中将 PDF 转换为图像

我正在使用 ReactJS 开发一个课程平台。当用户完成课程后,他可以下载 PDF 文件。

我需要与图像(png或jpg)相同的文件的版本,但我还没有找到任何方法来做到这一点。有人能帮我吗?

要生成 PDF 证书,我使用的是 lib: React-PDF

这是我生成pdf文件的代码:

0 投票
1 回答
158 浏览

reactjs - 未找到 PDF 文件但位置正确?

我正在尝试在网站上显示 PDF。我正在使用包 react-pdf。我的组件如下所示:

当组件呈现时,我在网页上收到此错误:

我的路径应该是正确的。目录是这样的:

这可能是PDF本身的问题吗?PDF 是我编写为 html/css 并保存为 PDF 的文件。