jspdf 相关问题

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

jsPDF 库不导出西里尔字母

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 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有关。

回答 1 投票 0

Jspdf 2.5.1 doc.addFileToVFS 不是函数

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 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); 希望这有帮助

回答 1 投票 0

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

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

回答 5 投票 0

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

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

回答 1 投票 0

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

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

回答 2 投票 0

从可变内容创建 pdf

这个问题听起来很重复,但我从未见过像我这样的情况: 我有一个包含 html 内容作为字符串的变量! var toPrint = '世界你好!' 我想得到...

回答 1 投票 0

如何更改jspdf中的背景颜色

我尝试将图像导出为 PDF,但 PDF 文件中的图像周围显示黑色背景。我怎样才能删除这个黑色背景? 谢谢

回答 2 投票 0

如何使用 JSPDF 将元素大小从 HTML 正确转换为 PDF

我正在尝试使用 JSPDF 将 HTML 转换为 PDF,转换后,字体大小/图像大小不符合 HTML。 我也在探索 JSpdf 文档:https://artskydj.github.io/jsPDF/docs/

回答 1 投票 0

jspdf输出时有没有办法设置文件名()

我的网站绘制了一个柱形图。我有一个按钮可以将其保存为 PDF 文件,然后在保存之前显示它。 现在的工作方式是这样的。 google.visualization 绘制图表。 html2canvas 截图...

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.