javascript - 使用 Angular 6 我们如何捕获特定的 div 或页面组件？

Question

我正在尝试实现一些功能，比如当用户想要以图像或 PDF 格式下载 HTML 页面的一部分时，不像截图工具，而是当他点击下载作为演示文稿时(同时提供了一个 Action )对于该组件)。 他应该将组件内容作为图像或 PDF。我没有看到任何可用的模块。 有人可以指导我如何实现这一目标吗？ 提前致谢。

Answer 1

您可以使用 jspdf，它会根据 View 中存在的 DOM 元素生成 pdf。

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");
    });
}