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

我正在尝试实现某些功能，例如，当用户想要以图像或PDF格式下载HTML页面的一部分时，不像剪裁工具，而是当他单击下载作为演示文稿时（为此组件提供了操作） ）。
他应该将该组件内容作为图像或PDF。我看不到任何可用的模块。
有人可以指导我如何实现这一目标吗？
提前致谢。

最佳答案

您可以使用jspdf，它将基于视图中存在的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");
    });
}

关于javascript - 使用Angular 6，我们如何捕获页面的特定div或组件？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52689775/