gpt4 book ai didi

javascript - 无法在 jspdf 中使用 addHTML 保存 pdf 文件

转载 作者:行者123 更新时间:2023-11-30 17:01:25 24 4
gpt4 key购买 nike

标题:

<head>
<script src="jquery.min.js"></script>
<script src="jspdf.min.js"></script>
<script src="html2canvas.min.js"></script>
<script src="jspdf.plugin.addhtml.js"></script>
</head>

HTML:

<div id="wrapper">
<div class="red b"></div>
<div class="yellow b"></div>
<div class="blue b"></div>
<div class="green b"></div>
</div>

JavaScript:

$(".button").click(function() {
var pdf = new jsPDF('p', 'pt', 'a4');
pdf.addHTML($("#wrapper"), function () {
pdf.save();
});
});

我想在按下按钮生成它时将 div #wrapper 添加到 pdf 文件中。但是当我按下按钮并检查 Chrome 中的元素时,它总是在源中显示未加载的事件。

如有任何帮助,我们将不胜感激。谢谢!

最佳答案

有几件事要做:

  1. 使用 jQuery 选择器返回的数组的第一个元素 $('#wrapper')[0]
  2. 定义要保存的pdf文件的名称pdf.save('Test.pdf');
$('#downloadPdf').on('click', function() {
var pdf = new jsPDF('p', 'pt', 'a4');

pdf.addHTML($('#wrapper')[0], function() {
pdf.save('Test.pdf');
});
});

可以查看Demo Fiddle here

关于javascript - 无法在 jspdf 中使用 addHTML 保存 pdf 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28759148/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com