So drucken Sie die ganze Seite mit Html2Canvas und JsPDF

Question

Ich wollte die ganze Seite als PDF mit html2canvas und JsPDF speichern. Keine der Methoden, die ich jemals versucht habe, scheint zu funktionieren.

html2canvas(document.body, { 
     allowTaint: true, 
     onrendered: function(canvas) { 
      var image = canvas.toDataURL('image/png'); 

      var pdf = new jsPDF(); 
      pdf.addImage(image, 'JPEG', 0, 0); 
      pdf.save('invoice.pdf'); 
     } 
    }); 

Derzeit diese druckt nur das Ansichtsfenster

Wie voll Seite/Behälter drucken. oder irgendwelche anderen besseren Alternativen?

Answer 1

Verwenden Sie die Printmedien-Abfrage

@media print { 
     body, html { 
      width: 100%; 
      margin-top: 0%; 
      display: block; 
      height: 100%; 
     } 
}