【问题标题】:Angular jspdf export PDF formattingAngular jspdf导出PDF格式
【发布时间】:2020-05-23 20:28:52
【问题描述】:

我有一个要导出的表。它看起来像这样:

这是函数:

    public downloadAsPDF() {
      const doc = new jsPDF();

      const specialElementHandlers = {
        '#editor': function (element, renderer) {
          return true;
        }
      };

      const pdfTable = this.pdfTable.nativeElement;

      doc.fromHTML(pdfTable.innerHTML, 15, 15, {
        width: 190,
        'elementHandlers': specialElementHandlers
      });

      doc.save('tableToPdf.pdf');
    }

我的问题是,当我导出时,它看起来像这样(它不尊重格式,空格):

有什么我可以做的还是正常的?谢谢!

【问题讨论】:

    标签: angular formatting jspdf


    【解决方案1】:

    如果我没记错的话,JSPDF 只会负责导出你的 html 代码。如果您不需要与您的 pdf 进行交互,那么您可以使用 html2pdf。它使用 jspdf 和 html2canvas 将给定的代码块转换为图像,然后将其粘贴到 pdf 文件中。

    这里是a short video explaining how it works

    【讨论】:

    • 谢谢!我会试着告诉你结果。
    • 不客气。几个月前,我在 html2pdf 之前使用过 jspdf 和 html2canvas。它更容易,并且拥有 jsPDF 和 html2canvas 中可用的所有选项,所以不要费心使用它们。
    • 我不能让它工作,它甚至没有导出任何东西,我知道为什么。
    • @AndreeaPopa 我创建了一个配置最少的 Sandox,但它对我来说工作正常。您能否使用当前代码编辑您的问题,以便我们检查一切是否正常。这是我的沙盒:codesandbox.io/s/html2pdf-yue3c(如果你不能访问它,请告诉我,第一次做沙盒)
    • 哦,不客气,很高兴我能帮上忙 :) 在我的沙箱上,我只需要安装 html2pdf 就可以正常工作,所以要小心不要在两个版本之间发生冲突
    猜你喜欢
    • 1970-01-01
    • 2014-05-26
    • 2022-10-05
    • 1970-01-01
    • 2021-06-05
    • 1970-01-01
    • 2021-10-15
    • 1970-01-01
    • 2014-11-14
    相关资源
    最近更新 更多