A utility for converting HTML content into PDF documents with multi-page support.

• Converts HTML elements to PDF pages
• Maintains aspect ratio and quality
• Supports multiple pages
• Dynamic canvas rendering
• Configurable image quality

npm install jspdf html2canvas

import generatePDF from "./generatePDF";

// Reference your HTML container
const container = document.getElementById("pdf-container");

// Generate PDF
generatePDF(container, "output-filename");

To run the example project, use:

npx webpack --config webpack.config.js

• elementRef: DOM element containing pages to convert
• pdfName: Output PDF filename (without extension)

Add .page class to each page container:

.page {
  width: 800px;
  aspect-ratio: 210/297;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

• jsPDF
• html2canvas