java 另存为文本_将 HTML 另存为 PDF

我需要能够单击按钮并将模态窗口另存为 PDF。它需要采用样式和 div 中的所有内容来构建模态。

我没有绑定任何特定的库，但我需要使用 client-side 库来使其工作。我的项目是用 ASP.NET MVC 和 AngularJS 构建的。

我正在使用 pdfMake 和 html2canvas。 Html2canvas 将 div 内容保存为画布，而 pdfMake 获取 canvas/image 并将其保存为 PDF。

当 data/records 数量有限时，这对我的模态非常有用，通常在 15 左右。无论何时显示更多记录，PDF 都只用空白页面呈现。

我不知道如何解决这个问题，以便 PDF 包含我所有数据的 rendered/generated。我认为它可能与 HTML2Canvas 部分有关，而不一定与数据有关。开发人员的代码例子是多页文本，可以快速准确地呈现。这告诉我，我要么缺少一些设置，要么 HTML2Canvas 和 pdfMake 之间可能存在可比性问题。

我之前尝试过 jsPDF，显然它不适合 CSS。我无法使用正确的样式保存导出的文件。

我使用 AngularJS ng-click 来调用 JS 方法 printHistoricalData()。

这是我的代码，当有数据记录有限时，目前将 HTML 保存为 PDF。

**** HTML

PRINT

Modal Data Here

Angular/Javascript

function printHistoricalData() {

html2canvas(document.getElementById("historicalDataModal"), {

onrendered: function (canvas) {

var data = canvas.toDataURL("image/png");

var docDefinition = {

content: [

{

image: data,

width: 525,

alignment: "center"

}

],

pageSize: "letter",

pageOrientation: "portrait",

styles: {

footer: {

fontSize: 8,

alignment: "center",

margin: [0, 0, 0, 80]

}

}

};

pdfMake.createPdf(docDefinition).download($scope.selectedGroup.title + ".pdf");

}

});

}

谢谢你的帮助。