无法在 jspdf 中使用 addHTML 保存 pdf 文件
Fail to save pdf file using addHTML in jspdf
标题:
<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 中的元素时,它总是在源中显示未加载的事件。
如有任何帮助,我们将不胜感激。谢谢!
有几件事要做:
- 使用jQuery选择器返回的数组的第一个元素
$('#wrapper')[0]
- 定义要保存的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
我正尝试在我的代码中使用它,但根本没有点击生成 PDF 的按钮。我想知道是否可以提供源代码来尝试操纵和 implement.Thank U.
标题:
<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 中的元素时,它总是在源中显示未加载的事件。
如有任何帮助,我们将不胜感激。谢谢!
有几件事要做:
- 使用jQuery选择器返回的数组的第一个元素
$('#wrapper')[0]
- 定义要保存的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
我正尝试在我的代码中使用它,但根本没有点击生成 PDF 的按钮。我想知道是否可以提供源代码来尝试操纵和 implement.Thank U.