ANGULAR 5 - How to print a web page as pdf in angular 5

Question

ANGULAR 5 - How to print a web page as pdf in angular 5 or angular 7.

Puneet Kankar · Answer

Please referral given below links You would have to install the below packages from npm html2canvas jspdf import * as jsPDF from 'jspdf' ; import html2canvas from 'html2canvas' ; htmltoPDF() { // parentdiv is the html element which has to be converted to PDF html2canvas(document.querySelector( "#parentdiv" )).then(canvas => { var pdf = new jsPDF( 'p' , 'pt' , [canvas.width, canvas.height]); var imgData = canvas.toDataURL( "image/jpeg" , 1.0); pdf.addImage(imgData,0,0,canvas.width, canvas.height); pdf.save( 'converteddoc.pdf' ); }); } https://www.c-sharpcorner.com/article/convert-html-to-pdf-using-angular-6/ https://stackblitz.com/edit/angular5-pdf

nithi mano · Answer

getting the following error on the installation of jspdf in angular 5 pm ERR! path git npm ERR! code ENOENT npm ERR! errno ENOENT npm ERR! syscall spawn git npm ERR! enoent Error while executing: npm ERR! enoent undefined ls-remote -h -t ssh://git@github.com/eligrey/FileSaver.js.git npm ERR! enoent npm ERR! enoent npm ERR! enoent spawn git ENOENT npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent

ANGULAR 5 - How to print a web page as pdf in angular 5

Answers (2)