pdfmake支持html,javascript – 使用pdfMake in Angularjs从HTML生成PDF

好的，我想出了这一点。

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

}

});

我希望这可以帮助别人。快乐编码！