我导入了 jsPDF 库并尝试导出为 PDF,但收到 JavaScript 错误 jsPDF 未定义。
我尝试了其他类似的帖子,但它对我不起作用。
我这里有 fiddle https://jsfiddle.net/aybhvf8e/1/
<script type="text/javascript" src="https://unpkg.com/jspdf@latest/dist/jspdf.umd.min.js"></script>
$( document ).ready(function() {
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');
});
<div id="content">
<h3>Hello, this is a H3 tag</h3>
<p>A paragraph</p>
</div>
<div id="editor"></div>
<button id="cmd">generate PDF</button>
最佳答案
我认为你的代码似乎是正确的,但 cdn 有一些问题。我在这里使用了调试一。
这是我创建的一个工作示例,您可以引用。如果由于 stackoverflow 限制而看不到 pdf 下载,请使用此 fiddle 进行测试。
我使用的cdn链接是:JsPDF CDN LINK 。您绝对可以寻找任何其他可用的版本。
function createPdf() {
var doc = new jsPDF();
source = $('#content')[0];
specialElementHandlers = {
'#editor': function (element, renderer) {
return true
}
};
doc.fromHTML(
source,
15,
15,
{
'width': 170,
'elementHandlers': specialElementHandlers
}
);
doc.save('sample-file.pdf')
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.2.61/jspdf.debug.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="content">
<h3>Hello, this is a H3 tag</h3>
<p>A paragraph</p>
</div>
<div id="editor"></div>
<button onclick="javascript:createPdf()" id="cmd">generate PDF</button>
关于javascript - jsPDF 未在 JavaScript 中定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63725895/