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