打印 PDF 时出现 html2canvas 错误

Question

我正在使用html2canvas，但我遇到了一个问题：它不会将整个页面呈现为 PDF，它只返回一半页面。这是为什么呢？

这是我的代码：

function generatepdf() {
    html2canvas(document.getElementById('pdf'), {
        onrendered: function (canvas) {
            document.body.appendChild(canvas);
            var data = canvas.toDataURL();
            var docDefinition = {
                content: [{
                    image: data,
                    width: 500,
                    height:400,
                }]
            };
            pdfMake.createPdf(docDefinition).download("budget.pdf");
        }

    });
}

Answer 1

试试这个

 function generatepdf() {
        html2canvas(document.getElementById('pdf'), {
           onrendered: function(canvas) {
               var data = canvas.toDataURL("image/png");
               var docDefinition = {
                   content: [{
                           image: data,
                            width: 500,
                            height:400,
                       }],
                   pageMargins: [ 50, 20, 20, 10 ]
               };

               pdfMake.createPdf(docDefinition).print("budget.pdf");
           },                     
           logging: true,
           useCORS:true,           
       });
       }