html2canvas错误，同时打印PDF

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