首頁(yè) 猿問(wèn) 使用Javascript從div中...

使用Javascript從div中的HTML生成pdf

JavaScript

慕勒3428872 2019-07-01 15:52:37

使用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來(lái)完成。“pdf”文件應(yīng)自動(dòng)下載，文件名為“foobar.pdf”。我一直在使用jspdf來(lái)完成這個(gè)任務(wù)，但是它唯一的函數(shù)是“text”，它只接受字符串值。我想將HTML提交給jspdf，而不是文本。

查看完整描述

3 回答

aluckdog

TA貢獻(xiàn)1847條經(jīng)驗(yàn) 獲得超7個(gè)贊

您可以使用autoPrint()并將輸出設(shè)置為‘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}

反對(duì) 回復(fù) 2019-07-01