上一篇网页保存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>
很多东西,只能是经验,记录是为了更好地完成工作。
,