I'm using html2canvas in order to take screenshots of my page but i noticed that the screenshots differ from the original.

Here is an example:

The first one is the original and the second one is the screenshot.

I noticed this issue on multiple other elements aswell.

Here is a minimal example of the problem: https://jsfiddle.net/2j9pcz3h/

html2canvas(document.body).then(function(canvas) {
            document.body.appendChild(canvas);
});

The screenshot is appended to the body.

Anyone elese had the same issue and know how to fix it?