HTML в PDF Javascript (угловой)

Question

Я использую Angular 8 и у меня есть довольно стилизованный HTML, который я хочу реализовать в функции «печати в PDF». Я посмотрел только на "window.print ()", но это не похоже на то, что я могу избавиться от стандартного колонтитула в браузерах программным способом. Я хотел знать, знает ли кто-нибудь хороший способ через Angular / JS создать PDF с этим стилизованным HTML?

Answer 1

С угловым 2

• pdfmake :: pdfmake
• pdfkit :: pdfkit

Для Angularjs

Вы можете видеть этот учебник в СРЕДНЕМ (pdfmake)

Answer 2

window.print() не будет печатать в PDF сам по себе, он просто вызовет диалоговое окно печати, в котором вы можете выбрать конечный принтер, который может включать в себя физический принтер или программное обеспечение принтера PDF, которое вы, возможно, установили.

Если вы довольны этим решением, и вас беспокоит только то, что печатаются верхние и нижние колонтитулы, вам следует использовать медиазапросы CSS. Медиа-запросы CSS позволяют указывать разные стили для отображения на экране и печати на бумаге (и в других случаях).

В вашей таблице стилей, предполагая, что ваши элементы верхнего и нижнего колонтитула так же называются, вы можете сделать:

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

Вы также можете сделать их стилизованными по-другому (например, стройнее), вместо того, чтобы полностью скрыть.

Подробнее: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries