jspdf 相关问题

使用 jsPDF 从 HTML 内容生成的 PDF 中未应用字体

我正在尝试使用 jsPDF 库将 HTML 内容转换为 PDF。 HTML 文件包含使用 @font-face 和 Base64 编码的字体 URL 定义的自定义字体。然而，当我生成...

JSPDF - 显示画布上的手签名

如何在 PDF 上添加手绘签名？ 我有一份 jquery mobile 报告，客户在最后签名。在画布上绘制签名后，它会显示给客户......

使用 jspdf 在 Angular 中导出 PDF 问题

员工 ID：... <div id="content" #content> <div class="skill-view-head"> <div> <label for="emp-id">Emp ID: </label> <span> {{employeeId}}</span> </div> <div> <label for="emp-name">Emp Name: </label> <span> {{empName}}</span> </div> <div> <label for="doj">DOJ: </label> <span> {{doj | date:'MM/dd/yyyy'}}</span> </div> </div> <table class="skill-view-table certificate-table"> <tr> <th>#</th> <th>Date</th> <th>Attributes</th> <th>Certificate Name</th> </tr> <tr *ngFor="let certificate of skillBonusdetails[0]?.getCertificatesTemp; let i = index"> <td>{{ i + 1 }}</td> <td>{{ certificate.date | date:'MM/dd/yyyy' }}</td> <td>{{ certificate.type }}</td> <td>{{ certificate.certificateName }}</td> </tr> <tr *ngIf="skillBonusdetails[0]?.getCertificatesTemp?.length > 0" style="background-color: #fff;"> <td colspan="3">Earned Points</td> <td>{{certificateEarnedPoints}}</td> </tr> <tr *ngIf="skillBonusdetails[0]?.getCertificatesTemp === null"> <td colspan="4" class="text-center">No records available</td> </tr> </table> <div> <button (click)="onExportPdf(this.empName)" class="border-0 green-btn hide-export-btn">Export To PDF</button> onExportPdf(EmpName) { this.loaderservice.display(true); const doc = new jsPDF('p', 'pt', 'A4'); const source = document.getElementById('content'); const button = document.querySelector('.hide-export-btn') as HTMLElement; const button2 = document.querySelector('.hide-export-btn2') as HTMLElement; const button3 = document.querySelector('.hide-export-btn3') as HTMLElement; source.style.width = '800px'; doc.setFontSize(8); doc.html(source, { callback: function (pdf) { //doc.output('dataurlnewwindow'); doc.save(EmpName + ' Points Details.pdf'); }, html2canvas: { scale: 0.7 } }); this.loaderservice.display(false); } 我有这段代码可以将表格内容导出为 pdf 格式，效果很好，但这只是一个问题，当我们导出 pdf 时，页脚中的某些内容会在第一页和最后一页之间中断。请参阅附图突出显示两个 pdf 页面之间的问题，您能否建议如何解决此问题。 您可以使用包含信息的数组，而不是将 html 导出为 PDF。 import jsPDF from 'jspdf'; import autoTable from 'jspdf-autotable'; onExportPdf(EmpName: string) { const doc = new jsPDF('p', 'pt', 'A4'); // Add table autoTable(doc, { head: headers, body: this.skillBonusdetails[0]?.getCertificatesTemp, startY: 48, showHead: 'firstPage', theme: 'striped', didDrawPage: (data) => { // Add page number const pageCount = doc.getNumberOfPages(); const pageSize = doc.internal.pageSize; const pageHeight = pageSize.height ? pageSize.height : pageSize.getHeight(); doc.setFontSize(10); doc.text(`Page ${pageCount}`, data.settings.margin.left, pageHeight - 10); } }); // Save the PDF doc.save(EmpName + ' Points Details.pdf'); }

jsPdf .html() 方法中的 autoPaging

我已经将jsPdf更新到版本“jspdf”：“^2.4.0”，并在jspdf的html()方法中看到一个名为autoPaging的选项，有人知道它是做什么用的吗？我尝试使用它，但...

jspdf中内容长于页面时如何将内容移动到下一页

在jsPDF和React.js中，如果内容比页面长，如何将内容移动到下一页并使页面不重叠？现在我使用 pdf.html() 函数生成 html/react 元素...

jspdf与html2canvas，div被剪切

我正在尝试使用 html2canvas 使用 jspdf 创建/下载 pdf。我将某些 div 绕了一圈，并在里面涂上了一些值。当我在某些情况下下载 pdf 时，它会被剪切。我是...

使用 html2pdf.js 下载 Firefox pdf 导致文本重叠问题

我正在使用 html2pdf.js 下载 pdf。我已经准备好了一个 html 表格，我想下载为 pdf 格式。它在 chrome 上工作得很好，但在 firefox 上我无法理解为什么这些文本覆盖...

如何使用jsPDF渲染多个分页结果（HTML到PDF）

我正在尝试打印多个jsPDF.HTML（...）的结果。它们中的每一个都在同一 div 内列表的不同分页中运行。该div的PDF转换显示第一页多...

导入jsPDF导致角度优化救助警告

我对 Angular 构建相当陌生，我正在开发一项功能，我想下载/打印 PDF 格式的报告。我使用 npm 安装了 jsPDF 和 jsPDF-autotable 包来转换...

如何使用 html2pdf 生成 PDF 文件（就像文件一样）

我正在开发一个 React 项目。 在这里，我尝试生成 PDF 文件（发票）并将其上传到 Google Drive。 以下代码显示了我如何尝试创建文件，但无法获取 PDF 文件...

将 PDF 保存/通过电子邮件发送到 WordPress 时，它会不断保存/通过电子邮件发送空白的损坏 PDF（jsPDF 和 html2pdf）

我基于 https://github.com/eKoopmans/html2pdf.js/issues/181 (odedta) 评论中的代码，并尝试了下面的第二个用户评论。 我有一个使用 html2pdf 包的脚本。哪个

HTML2Canvas 和 Dom-to-Image 无法正确捕获滚动内容以进行 PDF 导出

我正在尝试使用 JavaScript 将网页的可见部分导出为 PDF。我的内容包括表格和图表等通常具有滚动视图的元素。我尝试同时使用 html2canvas ...

使用jspdf或其他npm包从PDF文件中提取图像

美好的一天。 有没有办法使用 jspdf 库或其他 npm 库从 pdf 文件中提取图像。 也许有一些反应解决方案？ 我将不胜感激您的帮助。

使用服务器上的jsPDF将SVG添加到PDF（使用NestJS或NodeJS）

我正在尝试使用 NestJS 和 jsPDF 将 SVG 插入到我的 PDF 中。但我认为 jsPDF 不支持在服务器上插入 SVG。有人找到了解决这个问题的方法吗？真的会是他...

如何使用jsPDF和autoTable在每个页面上添加表格作为标题

我将在pdf上有一个灵活的表格...所以如果它很大，autoTable会将其分割成不同的页面...对吗？在这一点上，如果表格将分为不同的页面，我想放一个

在 Angular 中隐藏 PDF 内容设计组件

我有两个组件。计费组件（用户输入项目详细信息）和账单组件（设计 PDF 页面并生成 pdf）。 (billing.ts) 中的项目详细信息通过服务传递 (

如何在jsPDF中使用UTF 8和特殊字符

我正在使用jsPDF创建PDF文件。有些文本具有特殊字符。例如我想用 H2SO4 来代替 H2SO₄。 jsPDF 支持吗？有人可以建议如何做吗？

使用 Mustache 和 JSPDF 从 HTML 页面创建真正的 pdf

我想使用jquery、jspdf和mustache从HTML页面创建一个真正的pdf（我们可以在其中访问pdf选项作为pdf文件中的选择文本）。 当我尝试使用 jspdf 和 libr 时...

如何在jspdf中使用粗体自定义字体

我正在尝试在 jspdf 中使用自定义字体，但无法将字体显示为粗体，我按照此处指定的步骤进行操作。 这是代码： 需要（“./js/Roboto-Regular-normal.js”）； 要求...

如何获取jspdf-autoTable中lastAutoTable的finalY

我正在使用Angular 9。我需要将表格上方和下方有一些内容的html表格转换为pdf。我正在使用 jspdf-autotable。我按照链接中的示例进行操作 https://github...