当前位置: 首页 > 工具软件 > pdfmake > 使用案例 >

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

佘修为
2023-12-01

好的,我想出了这一点。

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

}

});

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

 类似资料: