好的,我想出了这一点。
1.您将需要
html2canvas和
pdfmake.您不需要在您的app.js中进行注射,只需将其包含在脚本标签中即可
>在要创建PDF的div上,添加如下所示的ID名称:
>在您的Angular控制器中,使用您调用html2canvas中的div的id:
>使用toDataURL()将画布更改为图像
>然后在您的docDefinition for pdfmake中将图像分配给内容。
>控制器中完成的代码将如下所示:
html2canvas(document.getElementById('exportthis'), {
onrendered: function (canvas) {
var data = canvas.toDataURL();
var docDefinition = {
content: [{
image: data,
width: 500,
}]
};
pdfMake.createPdf(docDefinition).download("Score_Details.pdf");
}
});
我希望这可以帮助别人。快乐编码!