jspdf 相关问题

jsPDF是一个用JavaScript编写的开源库，用于生成PDF文档。

在jsPdf中添加FontAwesome图标

我正在使用 jspdf.debug.js 最新版本。网页中使用的 FontAwesome 图标不会以 pdf 格式呈现。我在页面中添加了一个 FontAwesome 用户图标。请参考图片。（左边是 HTML 和 pdf 输出...

javascript html pdf font-awesome jspdf

回答 3 投票 0

jsPDF 库不导出西里尔字母

我正在尝试使用 JS 将 React 项目中的数据导出为 PDF。（我也尝试了其他库）所以我使用 jsPDF 创建 pdf，它工作正常，直到我尝试在 Cyril 中导出某些内容...

javascript reactjs jspdf

回答 1 投票 0

如何使用 html、css、js 中的表单在 pdf 文档的特定位置添加签名

我尝试使用jsPdf、签名板，但我所能做的就是将签名添加到使用表单创建的pdf中，但我无法将签名放在所需的位置。我需要一个解决方案如果我输入...

javascript reactjs jspdf pdflib signaturepad

回答 1 投票 0

可选择的 PDF 创建功能不适用于 jsPDF

尝试从包含文本、表格和图形的 React 组件的 HTML 页面生成 PDF。使用 jsPDF 和 html2canvas 成功创建了 PDF，但面临文本渲染的问题...

reactjs pdf jspdf html-to-pdf

回答 1 投票 0

jspf 和 html2canvas 生成只有 html 但没有数据的文档

当我下载 pdf 时，pdf 是空白的，除了点，但没有数据。我应该使用 html2canvas 吗？过去我尝试过 pdf.html().then() 并且得到了像

reactjs jspdf html2canvas

回答 1 投票 0

jsPDF Autotable - 自动以编程方式更改特定行的颜色

我正在使用 jsPDF autotable，到目前为止我没有收到任何错误并且工作正常。但现在我试图让一些特定的行具有相同的颜色，而不是总是改变颜色我正在做什么...

jspdf jspdf-autotable

回答 1 投票 0

如何使用jspdf html方法更改从html元素生成的pdf的字体

我正在尝试更改从 HTML 元素生成的 pdf 的字体我尝试添加字体，设置 fontFaces 属性，并更改了 @font-face CSS 当我登录 doc.getFontList() 时它显示...

jspdf

回答 1 投票 0

将html下载为pdf后出现问题。无法选择文本，并且下载的 pdf 中的超链接不可点击

我需要下载一个pdf，就像html的相同结构和设计一样。在下载的 pdf 中，文本必须是可选择的，并且超链接必须是可点击的。我尝试了 html2canvas、jspdf 和

reactjs jspdf html2canvas html2pdf

回答 1 投票 0

D3 组织结构图导出为 PDF 时非常模糊？

我想将 D3 组织结构图导出为 A0 中的 PDF - 这基本上可以工作，只是 PDF 中的图像非常模糊...... 我正在使用这个脚本，似乎改变 dpi 没有做任何事情

javascript d3.js export jspdf

回答 1 投票 0

React-leaflet ImageOverlay 在使用 jspdf 导出的 PDF 中不可见

我正在使用react-leaflet v4.2.1。我用它来显示的不是地图而是这样的自定义图像我正在使用 react-leaflet v4.2.1。我用它来显示的不是地图而是这样的自定义图像 <MapContainer center={[height / 2, width / 2]} crs={crs} bounds={bounds} minZoom={-5} zoomControl={false} attributionControl={false} > <HeatmapLayer /> // component created with leaflet.heat <ZoomControl position='bottomleft' /> <ImageOverlay url={url} bounds={bounds} /> </MapContainer> 工作正常。我想将这张地图导出为 pdf 格式。我正在使用 jspdf 库。 const doc = new JsPDF(); const heatmap = document.getElementById('heatmap-report')!; const data = await html2canvas(heatmap); const img = data.toDataURL('image/png'); const imgProperties = doc.getImageProperties(img); const pdfWidth = doc.internal.pageSize.getWidth(); const pdfHeight = (imgProperties.height * pdfWidth) / imgProperties.width; doc.addImage(img, 'PNG', 10, 150, pdfWidth - 10, pdfHeight); doc.save('my-file.pdf'); 问题是它只显示 HeatmapLayer 和 ZoomControl，而 ImageOverlay 不可见。我还尝试使用 use-react-screenshot 库，它也只显示 HeatmapLayer 和 ZoomControl。我必须将这个 ImageOverlay 与 HeatmapLayer 一起导出，就像用户在屏幕上看到的那样（因此包括缩放位置等），所以我需要使用传单。你有什么想法我该怎么做吗？我找到了解决问题的方法。我将 base64 而不是 url 作为 url prop 传递给 ImageOverlay 组件。 // before <ImageOverlay url={url} bounds={bounds} /> // now <ImageOverlay url={base64} bounds={bounds} /> 我认为这可能与CORS有关。

reactjs leaflet jspdf react-leaflet export-to-pdf

回答 1 投票 0

Jspdf 2.5.1 doc.addFileToVFS 不是函数

我想在我的pdf中使用utf8希腊字符。我有一个base 64的自定义字体。我使用 addFileToVFS 但它说它不是一个函数。我也尝试过使用字体转换器，但没有用。如果有帮助的话...

fonts jspdf

回答 1 投票 0

我如何在jsPDF或类似的库中使用盲文字体？

当我将“html”文件转换为 pdf 时，我的盲文文本不会出现。相反，出现“((((((“。[在此处输入图像描述](https://i.stack.imgur.com/z4czk.png) 函数生成PDF(){ ...

javascript reactjs jspdf html-pdf node-html-pdf

回答 1 投票 0

使用 jsPdf 和 Html2Canvas 在 Angular 中将 HTML 页面转换为 PDF

[使用位置 -182, 0，图像 208,298 生成的 pdf 的第一个图像][1]我正在尝试使用 jspdf 和 Html2canvas 在 Angular 8+ 中将 HTML 页面转换为 PDF。我只能转换页面的一半...

html angular typescript jspdf html2canvas

回答 3 投票 0

将 HTML 内容转换为 PDF（包括图像）

我使用 React-quill 作为文本编辑器。我想将其中包含图像的内容转换为 pdf。下面是我从编辑器那里得到的字符串。 sdfghj 我使用 React-quill 作为文本编辑器。我想将其中包含图像的内容转换为 pdf。下面是我从编辑器那里得到的字符串。 <p>sdfghj<img src="data:image/jpeg;base64,/9j/4AAQ…r5izLn+Jucfh7Vo6p/r7j6j+VZl595P97/CgD//2Q=="></p> 我使用过jsPDF，但它只能将纯文本转换为pdf。如果我将图像放入文本编辑器，pdf 显示为空白。如何将包含多个图像的文本转换为 pdf？注意：在图片src中，图片是base64格式的。您可以使用 html2canvas 库 import html2canvas from 'html2canvas'; import jsPDF from 'jspdf'; // Function to convert React-quill content to PDF function convertContentToPDF(content) { // Capture React-quill content as an image using html2canvas html2canvas(document.getElementById('yourEditorElementId')).then((canvas) => { const imgData = canvas.toDataURL('image/png'); // Generate PDF using jsPDF const pdf = new jsPDF(); pdf.addImage(imgData, 'PNG', 0, 0, 210, 297); // Image dimensions and positioning pdf.save('react-quill-content.pdf'); // Save the PDF }); } // Use the function with the React-quill content convertContentToPDF(yourReactQuillContent); 希望这有帮助

javascript reactjs base64 jspdf

回答 1 投票 0

jsPDF PubSub 错误 – “没有用于字体的 unicode cmap”

我正在尝试向 jsPDF 添加自定义字体。我将文件转换为 base64 并执行了以下操作： doc.addFileToVFS(“字体/rajdhani-regular-webfont.woff”，base64enc); 其中base64enc是base 64 en...

javascript html jspdf

回答 5 投票 0

如何使用外部图像链接将网页转换为pdf

我已经浏览了很多关于如何将网页转换为pdf的问题和链接，但不明白如何获取pdf中的图像我了解到图像转换为 DataURL ，然后它将被渲染但是嗬...

javascript html jspdf html2canvas

回答 1 投票 0

当一个表格增加行数时，如何调整jsPDF文档中的元素，避免表格或文本垂直重叠？

我是 React 和 Javascript 的初学者。我一直在尝试寻找解决我的问题的方法，但似乎找不到具体的解决方案。我正在使用“...