On in Html2Canvas macht, wird die Seite nach oben

Question

gescrollt ich die html2canvas Bibliothek verwenden, mit dem folgenden Code:

html2canvas(document.body, { 
    onrendered: function(canvas) { 
     document.body.appendChild(canvas); 
    } 
}); 

Wenn onrendered abgefeuert wird, wird die Seite nach oben automatisch durchgeblättert. Können wir trotzdem unsere Scroll-Position beibehalten und werden nicht automatisch an den Anfang der Seite gebracht?

Answer 1

habe ich einen Blick in die html2canvas.js und sah die folgende Zeile:

_html2canvas.Parse = function (images, options) { 
    window.scroll(0,0); 

Nach window.scroll(0,0) heraus zu kommentieren, es funktionierte für mich auf meinem lokalen Test gut. Scheint so, als ob das Verhalten vom Autor beabsichtigt war.

Natürlich können Sie Ihre aktuelle Bildlaufposition auch in eine Variable speichern, wenn Sie den Code auslösen. Wie Sie dies tun können, hängt davon ab, wie Sie html2canvas ausführen. Wenn es wie auf der Demo-Seite eine Schaltfläche, würden Sie einen Ereignis-Listener diese Schaltfläche hinzu:

var scrollPos; 
document.querySelector("screenshotButton").addEventListener("click",function() { 
    scrollPos = document.body.scrollTop; 
    html2canvas(document.body, { 
     onrendered: function(canvas) { 
      document.body.appendChild(canvas); 
      window.scrollTo(0,scrollPos); 
     } 
    }); 
});