Pourquoi il y a un espace blanc sur le dessus sur HTML2Canvas?

Question

Il y a un espace blanc sur mon html2canvas Et je ne suis pas sûr de ce qui se passe. Ceci est mon code jusqu'à présent.

function doFunction() {

  html2canvas(document.querySelector("#capture"), ).then(canvas => {
    $("body").append(canvas);
  });
}

$("button").click(function() {
  doFunction();
});

div {
  box-sizing: border-box;
  font-family: 'ABeeZee', sans-serif;
}

body {
  background-color: red;
}

#capture {
  width: 900px;
  height: 900px;
  background-color: aqua;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="http://html2canvas.hertzen.com/dist/html2canvas.js"></script>
<div id="capture">
  Hello
</div>
<button type="button">Click Me!</button>

C'est la toile annexée. Remarquez qu'il y a un espace blanc sur le dessus. Comment puis-je le supprimer?

Answer 1

problème GitHub

Vous devriez vérifier le défilement du document, je suis confronté au même problème lorsque le défilement de page est actif ou lorsque la page est défilée.

Essayez d'ajouter

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

aux options HTML2CANVAS