angular将html导出为pdf 使用Angularjs中的pdfMake从HTML生成PDF

温温酱

好的，我想出来了。1.你需要html2canvas和pdfmake。您不需要在app.js中进行任何注入，只需包含在脚本标记中在要创建PDF的div上，添加如下ID ID：

在Angular控制器中，在调用html2canvas时使用div的id：使用toDataURL()将画布更改为图像然后在pdfmake的docDefinition中将图像分配给内容。控制器中完成的代码如下所示： 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");} });我希望这有助于其他人。快乐的编码！