Html2Canvas Bild wird geschnitten

Question

Ich benutze Html2Canvas und dann jsPdf, um das Bild zu exportieren.

Dies ist die Funktion:

function exportPdf() { 
    content = $("#print"); 

    var useWidth = content.prop('scrollWidth'); 
    var useHeight = content.prop('scrollHeight'); 

    debugger; 

    html2canvas((content), { width: useWidth, height: useHeight}).then(function (canvas) { 
     debugger; 
     var img = canvas.toDataURL("image/png"); 
     var doc = new jsPDF({ 
      unit:'px', 
      format:'a4' 
     }); 

     debugger; 
     doc.addImage(img, 'JPEG', 0, 0); 
     doc.save('test.pdf'); 
    }); 
} 

Ich denke, das Ansichtsfenster in Betracht nimmt, ist wie ein Printscreen zu tun, natürlich, was unterhalb der Rolle ist es nicht in Betracht zieht.

Irgendwelche Ideen?

Answer 1

Anruf

window.scrollTo(0,0) 

Vor dem Aufruf html2canvas, sein scheint seine Fehler aber das Fenster muss an der Spitze sein für html2canvas das gesamte DOM an sie übergeben zu erfassen