On czyni w Html2Canvas, strona jest przewijane na górę

Question

używam biblioteki html2canvas, stosując następujący kod:

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

Kiedy onrendered jest zwolniony, gdy strona jest automatycznie przewijana do góry. Czy mimo to możemy utrzymać pozycję przewijania i nie być automatycznie przenoszeni na górę strony?

Answer 1

Przyjrzałem do html2canvas.js i zobaczyłem następujący wiersz:

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

Po komentując window.scroll(0,0) out, to działało w porządku dla mnie na moim lokalnym testowania. Wygląda na to, że takie zachowanie było zamierzone przez autora.

Oczywiście można również zapisać aktualną pozycję przewijania w zmiennej podczas uruchamiania kodu. Sposób, w jaki możesz to zrobić, zależy od sposobu wykonania html2canvas. Jeśli jest to przycisk jak na stronie demo, należy dodać detektor zdarzeń do tego przycisku:

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