Javascript html2canvas打印PDF时出错

我使用的是

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");
        }

    });
}

---

试试这个

 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,           
       });
       }

---

从400增加高度并检查输出