时间戳

首页 > 解决方案 > 如何在角度打字稿12中下载pdf选项

angular - 如何在角度打字稿12中下载pdf选项

问题描述

您好，我正在使用 angular typescript 12，我想在单击按钮的同时下载 pdf，目前我使用的是 jsPDF，但内容的样式和颜色在 pdf 中被破坏了

因为我为我的页面所做的样式在另一个地方测试它的效果非常好，但它只在 pdf 模式下变得很好

使用此代码：


  downloadPDF()
  {
    let pdf=new jsPDF('p','pt','a4');
    pdf.html(this.el.nativeElement,{
      callback:(pdf)=>{
        pdf.save("invoice.pdf");
      }
    });


  }

有什么方法可以用来调整我的样式，甚至可以将 jsPDF 更改为另一种最简单的方式。

标签： angulartypescriptjspdf

解决方案

仅在客户端很难确定这一点。警告，这是固执己见（尽管目前可能是唯一明智的选择）：设置一个可以使用 Puppeteer 呈现任何 HTML 页面并将其虚拟打印为 PDF 的 NodeJS api。TLDR：Puppeteer 是一个库，可让您在服务器端的无头 Chromium 浏览器中呈现任何 URL，随意操作它，并在需要时将结果“打印”成 PDF。

https://www.npmjs.com/package/puppeteer

推荐阅读