javascript - angularjs 创建/导出 html View 为 pdf

Question

我正在使用 bootstrap 创建模态窗口，在这个窗口中我有一些信息、一些表格和文本区域，是否可以从这个 .html 模态视图创建一个 .pdf 文件？

我查看了 FileSaver，但这只适用于下载表格，我想要的几乎就像模态窗口的打印屏幕。

Answer 1

使用 html2canvas 将 html 隐藏到 Canvas 中然后使用 jsPdf 转换为 pdf。这是例子 fiddle

像这样

<canvas id="canvas" width="480" height="320"></canvas> 
<button id="download">Download Pdf</button>

html2canvas($("#canvas"), {
    onrendered: function(canvas) {         
        var imgData = canvas.toDataURL(
            'image/png');              
        var doc = new jsPDF('p', 'mm');
        doc.addImage(imgData, 'PNG', 10, 10);
        doc.save('sample-file.pdf');
    }
});