doc.fromHTML不是一个函数，jsPDF

Question

你好，我正在尝试将我的HTML页面保存为PDF文件，我有以下代码：

 <div id="content">
<h3>Hello, this is a H3 tag</h3>

<p>a pararaph</p>
</div>
<div id="editor"></div>
<button id="cmd">Generate PDF</button>

<script>
var doc = new jsPDF();
var specialElementHandlers = {
    '#editor': function (element, renderer) {
        return true;
    }
};

$('#cmd').click(function () {   
    doc.fromHTML($('#content').html(), 15, 15, {
        'width': 170,
            'elementHandlers': specialElementHandlers
    });
    doc.save('sample-file.pdf');
});

// This code is collected but useful, click below to jsfiddle link.
</script>

我已将代码上传至 jsFiddle 并且可以正常运行... 但是当我在浏览器中尝试时，它却不能工作，并显示错误信息 "doc.fromHTML 不是一个函数"。 我的 jQuery 和 jsPDF 引用与 jsFiddle 完全相同。

示例代码

- Francisco Fernandez

---

请检查您本地的HTML中是否可用jspdf.min.js。 - Naga Sai A

你能检查一下Jquery和jspdf文件是否可用吗？<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.min.js"></script> - Naga Sai A

也许是因为我的jQuery版本问题？我正在使用1.12.3。 - Francisco Fernandez

哦，是的...你能试着用我提供的脚本标签替换一下吗？希望它能起作用 :) - Naga Sai A

jsPFD文件收到了，谢谢！ - Francisco Fernandez

Answer 1

在2.0.0版本中，fromHTML函数被html替换。不幸的是，当前的类型定义仍然包含了fromHTML方法，但已经有一个修复方案在进行中。

- Alexa

---

在上面的注释中添加一个补充或参考：

• http://raw.githack.com/MrRio/jsPDF/master/docs/module-html.html

- Clauber Stipkovic

@Alexa，但我也遇到了错误Uncaught TypeError: doc.html不是一个函数。 - Naren Verma

@NarenVerma，请检查是否已经导入了所需的库。 - Alexa

Answer 2

添加外部库-使用带有脚本标签的Jquery和Jspdf js文件

<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>


<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.min.js"></script>

Codepen - http://codepen.io/nagasai/pen/JKKNMK

- Naga Sai A