In angular 7 how can I convert app page to PDF?

Question

After my user fills out the form I want to render the page to PDF.

There are a lot of options for HTML to PDF, how would I render the page in memory and get the innerHtml? Or is there another way?

Right now I'm building the PDF manually.

Can you share some of your code with us? What have you tried? — quicklikerabbit, Oct 11 '19 at 00:27
Not sure if it's your case, but looks same for me: https://stackoverflow.com/questions/55019343/how-to-generate-a-pdf-using-angular-7 — Anna, Oct 11 '19 at 00:28

Bansi29 · Answer 1 · 2019-10-12T11:10:30.127

Try to use jspdf and html2canvas

install this package.

npm i jspdf
npm i html2canvas

ts file

import * as jsPDF from 'jspdf';
import h2c from 'html2canvas';

loadPDF() {
let doc = new jsPDF('p', 'pt', 'a4');
h2c(document.getElementById('pagePrintPdf')).then(function (canvas) {
  let width = doc.internal.pageSize.getWidth();
  let height = doc.internal.pageSize.getHeight();
  let dataURL = canvas.toDataURL('image/jpeg', 1.0);
  doc.addImage(dataURL, 'jpg', 0, 0, width, height, 'none');
  doc.save(`test.pdf`);
  });
}

In angular 7 how can I convert app page to PDF?

1 Answers1