动态PDF生成 Angular , NodeJS

Dynamic PDF Generation Angular , NodeJS

提问人:Sachin ganeshkar 提问时间:11/17/2023 更新时间:11/20/2023 访问量:56

问:

enter image description here

尝试生成这样的 pdf。虽然这并不理想。 一个多星期过去了,不知道我应该选择哪种方法。 客户端:html到pdf的生成与jspdf,html2pdf,pdfMake不相称。

不管它是在客户端还是服务器端实现的。 前端:Angular,后端:NodeJS 对此的任何建议都很棒

到目前为止我尝试过的,

  generatePDF(): void {
    const doc = new jsPDF();
    var margins = {
      top: 0, bottom: 60, left: 40, right: 200
    };
    const pdfTable = this.pdfTable.nativeElement;

    var html = htmlToPdfmake(pdfTable.innerHTML);

    const documentDefinition = { content: html ,pageMargins: [15, 20, 0, 0] };
    pdfMake.createPdf(documentDefinition).open();
  }

[HTML全文]

<div id="pdfTable" #pdfTable>
  <h3 style="text-align: center;">MANUFACTURING FEASIBILITY REVIEW RECORD</h3>
  <div *ngFor="let item of feasibilityFormValue; let i = index">
    <p>{{item.dept}}</p>
    <p>{{item.review}}</p>
    <p>{{item.feasible}}</p>
    <p></p>
  </div>
</div> 

尝试了这个基本的html转换为pdf。它只是没有像预期的那样到来。 像 Flex 这样的样式在 jspdf 等库中不起作用

节点.js 角度 jspdf HTML2pdf pdfmake

评论


答:

1赞 Vkx 11/17/2023 #1

在 css 支持方面可能存在限制,您可以通过简化 html 结构来修复它,例如使用表格而不是 div 中的段落。