web前端怎样显示pdf文件（前端实现将网页保存为pdf）

上一篇网页保存pdf文件会有不清晰，多页会切断的不可避免缺点，这个会清晰些，但是切断依然没找到解决方法，今天小编就来聊一聊关于web前端怎样显示pdf文件?接下来我们就一起去研究一下吧!

web前端怎样显示pdf文件

上一篇网页保存pdf文件会有不清晰，多页会切断的不可避免缺点，这个会清晰些，但是切断依然没找到解决方法。

<script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script> <script src="<?php echo static_url('js/dist/html2pdf.min.js')?>"></script> <script src="<?php echo static_url('js/dist/html2pdf.bundle.min.js')?>"></script> <script> function jsPdfDownload(){ let pdfName ='文件名'; var element = document.getElementById('to-pdf-content'); //注意，这不同于html2canvas的截屏拍照效果，这个id的得到内容，你的样式布局都需要在这里面可控。 html2pdf().from(element).set({ margin: 0.5,//pdf上下左右的间距 filename: pdfName '.pdf', html2canvas: { scale: 2 }, jsPDF: {orientation: 'portrait', unit: 'in', format: 'letter', compressPDF: true} }).save(); } $(document).off('click','.js-preview').on('click','.js-preview',function(){ jsPdfDownload(); }) </script>

很多东西，只能是经验，记录是为了更好地完成工作。