html2canvas和jspdf genereted blank pdf

时间:2018-04-19 09:02:43

标签: jspdf html2canvas

您好我创建了invoice page并添加了jsPDF和html2canvas,但我的解决方案生成了空白pdf。我该怎么修呢?哪个是错误的?

在我使用jspdf和html2canvas的项目中,你能帮我解决这个问题吗?

脚本:



$(document).ready(function() {
 
        function generatePDF() {
            window.scrollTo(0, 0);
 
            var pdf = new jsPDF('p', 'pt', [1380, 2030]);
 
            html2canvas($(".page-section")[0], {
                onrendered: function(canvas) {
                    document.body.appendChild(canvas);
                    var ctx = canvas.getContext('2d');
                    var imgData = canvas.toDataURL("image/png", 1.0);
                    var width = canvas.width;
                    var height = canvas.clientHeight;
                    pdf.addImage(imgData, 'PNG', 20, 20, (width - 10), (height));
 
                }
            });
            setTimeout(function() {
 
                pdf.save('sample.pdf');
                var blob = pdf.output("blob");
                var blobURL = URL.createObjectURL(blob);
                var iframe = document.getElementById('sample-pdf');
                iframe.src = blobURL;
                var downloadLink = document.getElementById('pdf-download-link');
                downloadLink.href = blobURL;
            }, 0);
 
 
        };
        generatePDF();
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript" src="https://instamarketing.pl/cennik/js/jspdf.min.js"></script>
<script type="text/javascript" src="https://instamarketing.pl/cennik/js/html2canvas.js"></script>

<div class="page-section">

test

</div>
&#13;
&#13;
&#13;

0 个答案:

没有答案