如何在angularjs中将带有外部CSS的动态html页面元素转换为pdf?

时间:2019-07-10 12:15:46

标签: javascript angularjs jspdf html2canvas pdfmake

我想将div(其中包含几个嵌套的div和具有从后端接收的动态数据和图像的表)转换为PDF,然后使用REST API将其存储在python flask后端中。

  1. 我尝试使用window.print(),它给出了预期的PDF,但我没有 能够捕获变量中的输出以将其发送到后端服务器。 请告诉他们是否有这样做的方法。
  2. 我尝试使用jsPDF,但是它提供了没有任何CSS的纯PDF文件。
  3. 我也尝试使用html2canvas和makepdf(代码如下所示),但它 正在创建一个空的pdf文件。 检查下面的angularjs控制器代码。

  $scope.print_pdf = function()
{ console.log(1); 
html2canvas(document.getElementById('ss'), {
onrendered: function (canvas) { var data = canvas.toDataURL(); 
var docDefinition = { content: [{ image: data, width: 500, }] };
pdfMake.createPdf(docDefinition).download("Score_Details.pdf");
} 
});
}

我希望包含所有CSS和图像的pdf文件,并且如果需要,它可以具有多个页面。 但是我收到的当前输出是一个空的pdf文件。

0 个答案:

没有答案