问题标签 [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.
javascript - Highcharts-React 获取图表的Base64 PNG
我希望将图表导出传递给特别需要 PNG 或 JPG 的组件,因此 SVG 将无法正常工作。
在其他 SO 答案的帮助下 - 我能够使用以下代码获得 SVG Base64:
有没有办法获得PNG base64?或者 React 中是否有一种有效的方法可以将此 SVG base64 转换为 PNG?
谢谢!!!
reactjs - 在反应中将字符串转换为pdf
在反应应用程序中,我从 API 获取原始 pdf 字符串,我想在用户浏览器的新选项卡中将其转换为 pdf 文档。
我通过一个简单的Axios
请求获取数据并得到类似的回报:
关于如何在反应中将此原始字符串转换为 pdf 文件的任何建议?
reactjs - 我在我的 react js 网站中使用 @react-pdf/render 想要在 react-pdf 中将其呈现为 HTML
我在我的 react js 网站中使用@react-pdf/render。我将 HTML 代码表单后端作为字符串获取,我想在 react-pdf 中将其呈现为 HTML。请给我一个解决方案,或者我应该使用其他库?
reactjs - 想要获取 html 组件作为图像,但总是 document.querySelector 返回 null
我是新来的反应。我正在使用 QRcode.react 生成一个 QR 码,我希望将其添加到 @react-pdf/renderer,以便我可以在 pdf 中附加 QR 码。因此,为此,我试图将 HTML 作为图像的 DataURL。
下面是我生成图像 URL 的代码
问题是我总是进入 document.querySelector Null 所以我无法创建 HTML 的 URL。我做错了吗?
reactjs - TypeError:使用 React js 时无法读取 PDFJS.GlobalWorkerOptions.workerSrc 中未定义的属性“GlobalWorkerOptions”
我在 PDFJS.GlobalWorkerOptions.workerSrc 中收到“TypeError:无法读取未定义的属性 'GlobalWorkerOptions'”。我的代码在这里,
我用它从给定的pdf中提取文本。我用
npm 我反应-pdf
npm 为此。帮我..
reactjs - React pdf下载空白
我正在使用 React 钩子和 react-pdf 中的react-pdf
我尝试了 3 种不同的 React pdf 转换器,这是迄今为止效果最好的一种。它仍然不能很好地工作 - 我看不出如何让它既不会耗尽内存也不会产生空白的 pdf。
我有一个生成 pdf 的组件:
我还有另一个组件,它有一个下载 pdf 文件的按钮。我发现有人声称 useMemo 有助于这种情况,但我也不能让它这样工作:
然后我在 JSX 的一个 div 中有 {stuff}。
当我单击下载链接时,我得到一个空白 PDF。怎么了?
如果我不设置 wrap={false} 它会耗尽内存吗?
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
与抛出错误一起使用。:(
我会很感激任何帮助。
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]:
reactjs - 如何在 ReactJS 中将 PDF 转换为图像
我正在使用 ReactJS 开发一个课程平台。当用户完成课程后,他可以下载 PDF 文件。
我需要与图像(png或jpg)相同的文件的版本,但我还没有找到任何方法来做到这一点。有人能帮我吗?
要生成 PDF 证书,我使用的是 lib: React-PDF。
这是我生成pdf文件的代码:
reactjs - 未找到 PDF 文件但位置正确?
我正在尝试在网站上显示 PDF。我正在使用包 react-pdf。我的组件如下所示:
当组件呈现时,我在网页上收到此错误:
我的路径应该是正确的。目录是这样的:
这可能是PDF本身的问题吗?PDF 是我编写为 html/css 并保存为 PDF 的文件。