Skip to content

Searcharticlesvideosblogsforumsinterview questionsarticles

CSharp TV
Videos
Tech
Articles
Blogs
News
Forums
Books
Events

Article
Blog
Video
Ebook
Interview Question

Loading

Upcoming Events

23 NOV
AI Agents Conference 2026 - 3rd Edition

Latest Forum Questions

Am I missing a framework?
John Bendiksen3h ago1
How do I open a dialog box that opens centered on the current dialog box?
Clyde Eisenbeis18h ago1
What Are the Common Challenges in Web Application Testing, and How Can QA Teams Overcome Them?
Sunil Patel18h ago0
datagridview
NIKHIL Kharat1d ago0
How Are AI Agents Different from Chatbots? (2026 Breakdown)
Laura Bennett2d ago5
How to data fetch login form to order form nane email contact number
Abhishek Jagadale2d ago0
What's the Most Overrated AI Feature?
Rom C2d ago2
How to load 5000 data in Power Apps gallery
Ismail Sayyad2d ago2
What is full-stack data science, and how is it different from traditional data science?
tejasri2d ago3
LINQ and Lambda Expressions
Sangeetha S2d ago3
upload document on server in .net
sagar k4d ago3
How Are You Using AI Coding Agents (Claude Code, Copilot, etc.)
Sudarshan Hajare5d ago1
Error converting data type nvarchar to numeric
David Godistei5d ago2
winform task
Nandini Sonawane5d ago1
Repair MS Outlook PST file issue
Chemline Dorno8d ago2
CrystalDecisions.CrystalReports.Engine
Ramco Ramco9d ago0
Which library is primarily used for numerical computing in Python?
tejasri15d ago1
Best pattern for streaming AI responses into a Blazor Server app without flooding the SignalR circuit?
Aarti Jangid16d ago0
How Can AI Data Engineering Improve Data Quality and RAG Application Performance?
Aarti Jangid17d ago0
How to Prevent Sensitive Data Exposure in AI Workflows
Rom C17d ago0

About Us Contact Us Privacy Policy Terms Brand Guidelines Partners C# Tutorials Consultants Ideas Report A Bug FAQs Sitemap Stories CSharp TV DB Talks Web3 Universe Jumpstart Blockchain

©2026 C# Corner.

All contents are copyright of their authors.

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

Home
Forums
Angular

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

nithi mano

7yAsked Feb 13, 2019, 9:48 PM4kAngular

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

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sign in to answer this question

It is the same account you read, post and publish with — and you will come straight back to this page.

Sign in Create an account

Puneet Kankar7y ago
Accepted 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
+1
nithi mano7y ago
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://[email protected]/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

0