我正在尝试使用 jsPDF 保存具有特定 id 的 div 元素,但获取Uncaught ReferenceError: jsPDF is not defined. 尝试了许多不同的方法来解决这个问题,包括 stackoverflow 上的所有可用解决方案,但都没有奏效。
下面是 div 元素的样子(它是一个根据用户选择自动填充的表格,我删除了大部分选项以减少此示例的行数)。下面是一个快速片段,可以让您了解正在发生的事情。它仍然说 jsPDF 没有定义:
$('#savePDF').click(function() {
var pdf = new jsPDF('p', 'pt', 'letter');
source = $('#yourSummary');
specialElementHandlers = {
'#bypassme': function (element, renderer) {
return true
}
};
margins = {
top: 80,
bottom: 60,
left: 40,
width: 522
};
pdf.fromHTML(
source,
margins.left,
margins.top, {
'width': margins.width,
'elementHandlers': specialElementHandlers
},
function (dispose) {
pdf.save('your-summary.pdf');
}, margins
);
});Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://unpkg.com/jspdf@latest/dist/jspdf.umd.min.js"></script> …Run Code Online (Sandbox Code Playgroud)我正在尝试使用 jsPDF 框架将多个不同的图像添加到 PDF,但最终它会生成包含两个相似图像的 PDF 文件,但是如果我尝试使用每个图像生成两个不同的 PDF 文件,一切都会正常。这是我的html:
<img id="img1" src="/img1.jpg">
<img id="img2" src="/img2.jpg">
Run Code Online (Sandbox Code Playgroud)
这是我的JS:
var doc = new jsPDF("landscape");
const img1 = $('#img1').attr("src");
const img2 = $('#img2').attr("src");
doc.addImage(img1, "JPEG", 140, 15, 90, 90, 'SLOW');
doc.addImage(img2, "JPEG", 140, 110, 90, 90, 'SLOW');
doc.save("sample.pdf");
Run Code Online (Sandbox Code Playgroud)
我究竟做错了什么?