Угловая вкладка Multipe с содержимым в один PDF с использованием jsPDF и html2canvas

Question

Я использую Angular 5, и я хочу создать PDF-файл с другой вкладкой в ​​один PDF-файл.Я пытался использовать jsPDF, но единственное активное содержимое вкладки div сохраняется и для другого div с другим идентификатором выдает ошибку ниже.

Ошибка: Uncaught (в обещании): Ошибка: предоставленные данные не являются действительными base64-String jsPDF.convertStringToImageData

Пожалуйста, дайте мне знать, достижимо ли это.

Спасибо винод.

Answer 1

вы можете использовать html2pdf следующим образом:

Сначала вам нужно установить npm

npm i html2pdf.js --save

, а затем импортировать его в свой компонент:

import * as html2pdf from 'html2pdf.js';

Второй выиспользуйте это так:

let content = `some html`;

const opt = {
  margin: 1,
  filename: 'pdf_Name.pdf',
  image: { type: 'jpeg', quality: 1 },
  html2canvas: { scale: 2 },
  jsPDF: { unit: 'in', format: 'A4', orientation: 'portrait' }
};

// Save the PDF
html2pdf().set(opt).from(content).save();