为什么 html2canvas 顶部有一个空白区域？

Question

我的有一个空白区域，我html2canvas不确定发生了什么。到目前为止，这是我的代码。

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>

这是附加的画布。请注意，顶部有一个空白区域。我怎样才能删除它？

Answer 1

GitHub 问题

您应该检查文档滚动，当页面滚动处于活动状态或向下滚动页面时，我面临同样的问题。

尝试添加

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

到 html2canvas 选项