Используя Angular 6, как мы можем захватить определенный div или компонент страницы?

Question

Я пытаюсь достичь некоторой функциональности, например, когда пользователь хочет загрузить часть страницы HTML в формате изображения или PDF, не как инструмент для разрезания, а когда он щелкает по ссылке «загрузить» как презентацию (пока выполняется действиедля этого компонента).Он должен, чтобы компоненты содержали как изображение или PDF.Я не вижу никаких модулей уже доступны.Кто-нибудь может подсказать мне, как этого добиться?Заранее спасибо.

Answer 1

Вы можете использовать jspdf, который будет генерировать pdf на основе элемента DOM, представленного в представлении.

npm install jspdf --save

импортировать файл библиотеки jspdf.js в раздел сценария в angular.json

"scripts": [ "../node_modules/jspdf/dist/jspdf.min.js" ]

Компонент:

import * as jsPDF from 'jspdf'

downloadPdf() {
    let doc = new jsPDF();
    doc.addHTML(document.getElementById("obrz"), function() {
       doc.save("obrz.pdf");
    });
}