Javascript jsPDF fromHTML（）不显示HTML_Javascript_Jspdf

Javascript jsPDF fromHTML（）不显示HTML

javascript

Javascript jsPDF fromHTML（）不显示HTML,javascript,jspdf,Javascript,Jspdf,我正在使用一个简单的javascript。我正在使用jsPDF库，但是脚本加载了一个空白的pdf 代码如下： <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>fromHTML EX</title> <meta http-equiv="content-type" content="text/html;c

我正在使用一个简单的javascript。我正在使用jsPDF库，但是脚本加载了一个空白的pdf

代码如下：

    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <title>fromHTML EX</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="generator" content="Geany 1.22" />

    <script type="text/javascript" src="/root/utils/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="/root/utils/jsPDF-master1/jspdf.plugin.standard_fonts_metrics.js"></script>
    <script type="text/javascript" src="/root/utils/jsPDF-master1/jspdf.plugin.split_text_to_size.js"></script>

    <script type="text/javascript" src="/root/utils/jsPDF-master1/js/basic.js"></script>
    <script type="text/javascript" src="/root/utils/jsPDF-master1/jspdf.js"></script>
    <script type="text/javascript" src="/root/utils/jsPDF-master1/jspdf.plugin.from_html.js"></script>

  <script type="text/javascript">
    function PDF1(){
    var doc = new jsPDF();          
    var elementHandler = {
    '#ignorePDF': function (element, renderer) {
    return true;
    }
    };
    var source = window.document.getElementsByTagName("body")[0];
    doc.fromHTML(
        source,
        15,
        15,
        {
        'width': 180,'elementHandlers': elementHandler
        });

    doc.output("datauri");
    }

    PDF1()
  </script>

</head>

 <body>
     ASDSADASDASDSA
      <div>
    <p id="ignorePDF">don't print this to pdf</p>

      <p><font size="3" color="red">print this to pdf</font></p>
    </div>




  </body>


</html>


fromHTMLex
函数PDF1（）{
var doc=new jsPDF（）；
var elementHandler={
“#ignorePDF”：函数（元素、渲染器）{
返回true；
}
};
var source=window.document.getElementsByTagName（“正文”）[0]；
doc.fromHTML(
来源:，
15,
15,
{
“宽度”：180，“elementHandler”：elementHandler
});
文档输出（“数据URI”）；
}
PDF1（）
ASDSADASDSA
不要将此打印到pdf
将此打印为pdf

我曾尝试将调用函数放在页面底部，但它仍然不起作用。

有人能帮我吗？

因为您正在使用

jQuery

试试：

$（文档）.ready（函数（）{
//console.log（“准备就绪！”）；
PDF1（）；
});

另请注意：您可以使用（非必需）：

var source=$（“body”）[0]；

用于测试的代码页


fromHTMLex
函数PDF1（）{
var doc=new jsPDF（）；
var elementHandler={
“#ignorePDF”：函数（元素、渲染器）{
返回true；
}
};
var source=window.document.getElementsByTagName（“正文”）[0]；
doc.fromHTML(
来源:，
15,
15,
{
“宽度”：180，“elementHandler”：elementHandler
});
文档输出（“数据URI”）；
}
$（文档）.ready（函数（）{
//console.log（“准备就绪！”）；
PDF1（）；
});
ASDSADASDSA
不要将此打印到pdf
将此打印为pdf

此代码也可用于使用jsPDF导出为pdf

var pdf = new jsPDF('p','pt','a4');
let pdfConf = {
pagesplit: true, //Adding page breaks manually using pdf.addPage();
background: '#fff' //White Background.
};
pdf.fromHTML($('#capture').get(0),20,20,{
width:500
})

pdf.save("download.pdf");

我不介意否决票，这是stackoverflow的基础，但如果在3年内发生了一些变化，知道为什么您认为它是无效的解决方案，那将是一件好事。谢谢