jspdf 相关问题

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

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

jsPDF 多页 pdf - 文本重叠

<pre><code>&lt;script src=&#34;https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js&#34;&gt;&lt;/script&gt; &lt;script src=&#34;https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js&#34;&gt;&lt;/script&gt; &lt;script&gt; var doc = new jspdf.jsPDF({ orientation: &#39;p&#39;, unit: &#39;pt&#39;, format: &#39;a4&#39; }); doc.html(document.querySelector(&#39;#my-div&#39;), { callback: function (doc) { doc.save(&#39;file.pdf&#39;); }, margin: [30, 30, 30, 30], x: 32, y: 32, html2canvas: { scale: 0.6, width: 1000 }, autoPaging: &#39;text&#39;, // This line is needed to ensure smooth text flow across pages but it causes text overlapping vertically. }); &lt;/script&gt; </code></pre> <p>上面代码中有一行导致文本重叠。 如何解决这个文本重叠问题?</p> </question> <answer tick="true" vote="0"> <pre><code>doc.html(document.querySelector(&#39;#my-div&#39;), { callback: function (doc) { doc.save(&#39;file.pdf&#39;); }, margin: [41, 41, 41, 41], x: 33, y: 33, html2canvas: { scale: 0.6, width: 1000 }, autoPaging: &#39;text&#39;, // This line is needed to ensure smooth text flow across pages but it causes text overlapping vertically. }); </code></pre> <p>此代码在生成的 pdf 文件中正确显示 my-div 的内容。</p> </answer> </body></html>

回答 0 投票 0

块文件无法使用 jsPDF 在 Netsuite 托管的 Angular 17 应用程序上加载 404 状态

我使用 jsPDF 库创建了一个 Angular 17 应用程序,该库将托管在 Netsuite 中。使用 ngserve 时应用程序运行良好。但是当我上传到 Netsuite 并从那里运行时...

回答 1 投票 0

html2pdf取消隐藏后不会打印隐藏的div?

我正在尝试使用 html2pdf 创建 PDF。我希望 html2pdf 捕获隐藏的 div,为此,我尝试在创建 PDF 时短暂“取消隐藏”我的 div,然后“重新隐藏”di...

回答 2 投票 0

为什么jsPDF在保存我的网页时会出现很多空白页?

我在网页中使用 php 和 bootstrap 创建了一个表。我还有一个按钮,单击该按钮后,我想将页面另存为 pdf。所以我在我的项目中使用了jsPDF。我还阅读了

回答 1 投票 0

从jsPDF库生成的pdf文件,无法在adobe reader中打开

我有一个html页面。此页面上有两张图片。两个图像均采用 Base64 编码。我正在 html 上打印图像 我设置了CSS

回答 2 投票 0

如何使用html2canvas对齐页面内容

我有一个在 vuejs 中作为前端实现的 pdf 生成器功能。我的pdf结构如下 标题 A部分 标题 1 描述 标题 2 描述 B节 标题 1 描述 ...

回答 1 投票 0

需要在React Js中下载对象数组作为pdf报告,其中包含超链接

让数据= [{ 个人资料1:facebook, 名称:'名称', 个人资料2:谷歌, 年龄:23岁, 国家:'ABc' }]

回答 1 投票 0

如何在不使用jquery的情况下使用.html()方法使用jsPDF生成多页PDF

我有一个特定的功能,我必须将所有选项卡导出到 PDF 中,每个选项卡位于单独的页面中。对于选项卡,我使用了react-tabs(https://www.npmjs.com/package/react-tabs)。 它只有一个属性

回答 2 投票 0

html2canvas jspdf 与下一个 js pdf 查看错误

我将 html2canvas jspdf 与 nextjs 一起使用。现在我生成 pdf,但生成的 pdf 外观是错误的。 h1 标签视图类似于 p 标签。我需要修复它。我只需要生成 html 视图到 pdf 。我只需要使用这个模块。

回答 1 投票 0

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