Canvas rendered with a big blank offset if I scroll to the bottom of the captured element

• You are using the latest version
• You are testing using the non-minified version of html2canvas and checked any potential issues reported in the console

Bug reports:

In 1.0.0-rc.3 If I scroll to the top of the page (where the element starts), it works perfectly. Wrong: https://ibb.co/8Y9SnTV (scrolling to the bottom of the element) Good: https://ibb.co/7z1903r (scrolling to the top of the element)

      window.scrollTo(0, 0); // <-- this fixes the issue
      html2canvas(document.getElementById('drag-container-outer')).then((canvas) => {
        var a = document.createElement('a');
        a.href = canvas.toDataURL('image/jpeg');
        a.download = 'somefile.jpg';
        a.click();
      });

In 1.0.0-rc.1 Works perfectly, there is no need to scroll.

Specifications:

• html2canvas version tested with: — wrong: v1.0.0-rc.3 | good: 1.0.0-rc.1
• Browser & version: Chrome 75.0.3770.80
• Operating system: Windows

[GerardoFurtado]

I was facing the same problem, but setting scrollY: 0 didn’t fix it. I ended up fixing it by reversing the vertical scroll with window.scrollY, like this:

{
    scrollX: 0,
    scrollY: -window.scrollY
}

As this is quite a hack it would be really great having this issue fixed! Cheers 🍻

[GerkinDev]

Hey people ! I had the same problem, but I managed to fix it using explicit scrollX & scrollY options, set to 0. See http://html2canvas.hertzen.com/configuration/

Cheers ! 🍻