当前位置: 代码迷 >> JavaScript >> angularjs以pdf格式创建/导出html视图
  详细解决方案

angularjs以pdf格式创建/导出html视图

热度:20   发布时间:2023-06-07 16:40:23.0

我正在使用引导程序创建模式窗口,在该窗口中我有一些信息,一些表格和文本区域,是否可以从此.html模式视图中创建.pdf?

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

隐蔽HTML使用帆布然后用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');
    }
});
  相关解决方案