jspdf 相关问题

我想使用jspdf和reactjs在生成的pdf中显示印地语字体。在生成的代码中，印地语字体显示为 – Ë ¤ ® Ç ¤ ® 3/4 ° 一个 ‚ Ÿ Ë • ¡ — 一个 ® 3/4 µ › Ë。 ¤ ® 3/4 ° Ç ¡ µ 一个 ‚ Ÿ Ë • ¡ ® Ç 立方 µ µ 3/4 ¡ ...

javascript reactjs node.js react-hooks jspdf

回答 1 投票 0

使用 html2canvas 和 jsPDF 生成的 PDF 中表格列中的文本被截断 – 如何启用自动换行？

我使用 html2canvas 和 jsPDF 来生成 PDF。下载的 PDF 应该看起来像文档的预览，但我遇到了表格布局问题。具体来说，就是表格中的文字

css word-wrap jspdf html2canvas word-break

回答 1 投票 0

jspdf 其他语言的后备字体

我们使用自定义字体，比如说不支持中文的sans。我如何在 jspdf 中添加后备选项，它不会使用中文的 sans 字体。 doc.addFileToVFS('custom-sans-nor...

javascript jspdf export-to-pdf

回答 1 投票 0

无法使用jsPDF和html2canvas打印带有CSS过滤器的图片

我有一些图像，我将它们排列在网格中并尝试打印，效果很好。现在，我向 div 甚至图像添加了顺风 CSS 类“灰度”，并尝试再次打印，但它

reactjs jspdf html2canvas

回答 1 投票 0

我无法打印半张A4纸

在Jspdf中，我需要纵向打印半张A4纸。这是我的代码：让 doc = 新 jsPDF({ 方向：“肖像”，单位：“毫米”，格式：[210, 148.5], }); 这会导致

jspdf

回答 1 投票 0

JSPDF 自动表格自定义样式来自类

我有一张如下表我有一张如下所示的桌子 <table id="tbl"> <thead> <tr> <th>Name</th> <th>Amount</th> </tr> </thead> <tbody> <tr> <td class="left-align">Name</th> <td class="right-align bold">Amount</th> </tr> </tbody> </table> 我使用jspdf，如下面的代码 doc.autoTable({ startY:30, html: '#tbl', }); 我想根据类格式化行，并在保存 JSPDF 输出时将它们加粗并按类对齐。您可以使用 useCss 选项来解析一些简单的 css 样式，例如字体样式和文本对齐方式。我也遇到过类似的情况，我创建了一个自定义函数，该函数根据 html 类将自定义背景和颜色应用于元素。它并不完美，可以改进很多，但这是一个开始.. 希望对本主题的专题读者有所帮助stackblitz - JSPDF 自定义 autotable 样式 onDownload(content: any, name: string) { const pdfInstance: jsPDF = new jsPDF(); const margin = 8; const defaultMargin = 4; // Base unit for spacing const marginMultiplier = (n: number) => n * defaultMargin; let currentY = marginMultiplier(2); const element = content.nativeElement; currentY = this.renderTableWithColors( pdfInstance, element, // this will be a @ViewChild element currentY, // i used it for margin top margin, // mx - marin left and right marginMultiplier // used inside the function to check if it's end of the page and needs to create another one ); // currentY = next function to render something and so on, to keep the distance between the elements pdfInstance.save(name); } 姓名金额

javascript html css jspdf jspdf-autotable

回答 2 投票 0

在所有浏览器中打印使用jsPDF创建的pdf

所以，我已经动态创建了一个pdf，现在我想打印它： var doc = new jsPDF(); var name =“Doe，约翰” doc.setFontType("正常"); doc.setFontSize(12); doc.text(20,20,'姓名：'+姓名); //做

javascript pdf jspdf

回答 6 投票 0

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

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

html css pdf fonts jspdf

回答 1 投票 0

JSPDF - 显示画布上的手签名

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

jquery canvas jspdf

回答 3 投票 0

使用 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'); }

javascript angular pdf jspdf

回答 1 投票 0

jsPdf .html() 方法中的 autoPaging

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

jspdf

回答 2 投票 0

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

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

javascript reactjs jspdf

回答 1 投票 0

jspdf与html2canvas，div被剪切

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