动态PDF生成Angular,NodeJS

vmpqdwk3  于 12个月前  发布在  Node.js
关注(0)|答案(2)|浏览(94)


的数据
试图生成一个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这样的库中不起作用

inn6fuwd

inn6fuwd1#

你可以使用puppeteer在node js中创建pdf
供参考:puppeteer's official website
puppeteer NPM package

wrrgggsh

wrrgggsh2#

在css支持方面可能有限制,你可以通过修改html结构来解决它,例如使用表格而不是div中的段落。

相关问题