angularjs以pdf格式創建/導出html視圖

Question

我正在使用引導程序創建模式窗口，在該窗口中我有一些信息，一些表格和文本區域，是否可以從此.html模式視圖中創建.pdf？

我查看了FileSaver，但這僅適用於下載表，我想要的幾乎就像是模態窗口的打印屏幕。

Answer 1

隱蔽HTML使用帆布html2canvas然后用jsPdf轉換為PDF格式。 這是小提琴的例子

像這樣

<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');
    }
});