最近两天搜索的简单问题但没有找到解决方案
我正在使用 jsPDF 的 addHTML api 将 html 转换为 pdf
$('#loadPdf').on('click', function() {
var pdf = new jsPDF('p', 'in', 'a4');
pdf.addHTML($('#complete')[0], function() {
pdf.save('new.pdf');
pdf.output('datauri');
});
});
这正在生成模糊图像 pdf,文本显示模糊。我搜索了很多找到一些链接(在下面分享)但没有得到答案。
html2canvas-生成模糊图像 https://stackoverflow.com/questions/22803825/html2canvas-generates-blurry-images
添加HTML图像质量 https://github.com/MrRio/jsPDF/issues/339
jspdf 和 addHTML / 模糊字体 https://github.com/MrRio/jsPDF/issues/343
有没有什么方法可以获得高质量的pdf图像。如果我不使用 addHTML api 并使用任何其他 API,则图像不会以 pdf 形式显示。请帮助
看来很多人还在用pdf.addHTML()
并有同样的低质量问题。pdf.addHTML()
实际上是已弃用 https://rawgit.com/MrRio/jsPDF/master/docs/global.html#addHTML现在。新的矢量支持 API,pdf.html()
,效果更好。看看他们的sample https://cdn.rawgit.com/MrRio/jsPDF/master/examples/html2pdf/showcase_supported_html.html为自己。这是使用 jsPDF 的工作代码和html2canvas 1.0.0-alpha.11 https://github.com/niklasvh/html2canvas/releases :
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js"
integrity="sha384-NaWTHo/8YCBYJ59830LTz/P4aQZK1sS0SneOgAvhsIl3zBu8r9RevNg5lHCHAuQ/"
crossorigin="anonymous">
</script>
<script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>
<script>
function download() {
let pdf = new jsPDF('l', 'pt', 'a4');
pdf.html(document.getElementById('id'), {
callback: function () {
//pdf.save('test.pdf');
window.open(pdf.output('bloburl')); // to debug
}
});
}
</script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)