gpt4 book ai didi

pdf - JSPDF .html() 函数返回空白 pdf 页面

转载 作者:行者123 更新时间:2023-12-03 15:56:12 27 4
gpt4 key购买 nike

使用新的 jsPDF .html() 几乎直接从他们的文档中提取出来,但它仍然会导致一个空白页面:

结果在空白页:

function saveDoc() {
window.html2canvas = html2canvas
const doc = document.getElementById('doc')

if (doc) {

var pdf = new jsPDF('p', 'pt', 'a4')
pdf.html(doc.innerHTML, {
callback: function (pdf) {
pdf.save('DOC.pdf');
}
})
}
}

结果没有生成 PDF:
function saveDoc() {
window.html2canvas = html2canvas
const doc = document.getElementById('doc')

if (doc) {

var pdf = new jsPDF('p', 'pt', 'a4')
pdf.html(doc.innerHTML, {
function (pdf) {
pdf.save('DOC.pdf');
}
})
}
}

也会导致空白页:
function saveDoc() {
window.html2canvas = html2canvas
const doc = document.getElementById('doc')

if (doc) {

var pdf = new jsPDF('p', 'pt', 'a4')
pdf.html(doc, {
callback: function (pdf) {
pdf.save('DOC.pdf');
}
})
}
}

如果有任何其他建议,将使用其他工具。需要它是安全的并生成可选择的文本 PDF 以保持整体尺寸减小。这是一个很长的文档,它正在生成,当通过 addImage() 生成时,生成的文件很大。想法?

最佳答案

经过一整天的尝试,找到了以下解决方案。我认为由于 html2canvas 的版本,我们得到了空白页。我正在使用更新 jspdf (1.5.3) 与 html2canvas (1.0.0-rc.3)。因此,我得到了空白的 pdf。当我将 html2canvas( 1.0.0-alpha.12 ) 与 jspdf(1.5.3) 一起使用时,我得到了包含内容的 pdf(非空白)。因此最好更改 html2canvas 的版本以使用新的 .html() 方法。

 // scripts included
<script type="text/javascript" src="html2canvas.js"></script> // 1.0.0-alpha.12 downloaded

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js" integrity="sha384-NaWTHo/8YCBYJ59830LTz/P4aQZK1sS0SneOgAvhsIl3zBu8r9RevNg5lHCHAuQ/" crossorigin="anonymous"></script>

//html
<div id='doc'>
<p>Hello world</p>
<div class="first-page">
<h1>bond</h1>
<img src="1.png"/>
</div>
<div class="second-page">
<img src="2.png"/>
</div>
</div>
<button onclick="saveDoc()">click</button>

// javascript

<script type="text/javascript">
var pdf = new jsPDF('p', 'pt', 'a4');

function saveDoc() {
window.html2canvas = html2canvas
const doc = document.getElementsByTagName('div')[0];

if (doc) {
console.log("div is ");
console.log(doc);
console.log("hellowww");



pdf.html(document.getElementById('doc'), {
callback: function (pdf) {
pdf.save('DOC.pdf');
}
})
}
}
</script>

html2canvas 1.0.0 alpha.12

.html() not working github

关于pdf - JSPDF .html() 函数返回空白 pdf 页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57376671/

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