HTML 到 PDF Javascript（角）

Question

我正在使用 Angular 8 并且有漂亮的 HTML 我想实现“打印到 PDF”功能。 我只研究了“window.print()”，但听起来我不能以编程方式摆脱浏览器上的默认页眉/页脚。 我想知道是否有人知道通过 Angular/JS 用这种风格的 HTML 生成 PDF 的好方法？

Answer 1

window.print()不会自己打印到 PDF，它只会调用打印对话框，您可以从中选择目标打印机，其中可能包括物理打印机或 ZBCD1B68617759B1DFCFF0403A6B5A8D1 打印机您可能安装的软件。

如果您对该解决方案感到满意，并且您唯一关心的是正在打印页眉和页脚，那么您应该使用 CSS 媒体查询。 CSS 媒体查询允许您指定不同的 styles 用于屏幕显示与纸上打印（和其他情况）。

在您的样式表中，假设您的 header 和页脚元素是这样调用的，您可以这样做：

@media print {
  header, footer { display: none; }
}

您还可以使它们具有不同的样式（例如更苗条），而不是完全隐藏。

更多信息： https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

Answer 2

带 angular 2

• pdfmake:: pdfmake
• pdfkit:: pdfkit

Angularjs

您可以在 MEDIUM (pdfmake) 中查看本教程