使用Javascript从div中的HTML生成pdf

我有以下html代码：

<!DOCTYPE html><html>
    <body>
        <p>don't print this to pdf</p>
        <div id="pdf">
            <p><font size="3" color="red">print this to pdf</font></p>
        </div>
    </body></html>

我所要做的就是打印到pdf，任何在div中找到的任何ID为“pdf”。这必须使用JavaScript来完成。“pdf”文件应自动下载，文件名为“foobar.pdf”。

我一直在使用jspdf来完成这个任务，但是它唯一的函数是“text”，它只接受字符串值。我想将HTML提交给jspdf，而不是文本。

慕勒3428872

浏览 2298回答 3

3回答

aluckdog

您可以使用autoPrint()并将输出设置为‘dataurlnewWindow’，如下所示：function printPDF() {     var printDoc = new jsPDF();     printDoc.fromHTML($('#pdf').get(0), 10, 10, {'width': 180});     printDoc.autoPrint();     printDoc.output("dataurlnewwindow"); // this opens a new popup,  after this the PDF opens the print window view but there are browser inconsistencies with how this is handled}

随时随地看视频慕课网APP