Javascript 为什么html2canvas的顶部有一个空白？

我的

html2canvas

上有一个空白，我不知道发生了什么。这是到目前为止我的代码

函数doFunction（）{
html2canvas（document.querySelector（#capture）），然后（canvas=>{
$（“正文”）.append（画布）；
});
}
$（“按钮”）。单击（函数（）{
doFunction（）；
});
div{
框大小：边框框；
字体系列：“Abeeze”，无衬线；
}
身体{
背景色：红色；
}
#俘获{
宽度：900px；
高度：900px；
背景色：浅绿色；
}

你好
点击我尝试将其添加到样式css中

*{
    margin:0;
    padding:0;
}

另外，请尝试清除浏览器缓存，这在大多数情况下都是问题所在。
如果这不起作用，请尝试删除所有css样式，然后逐个添加回去，看看它是何时以及如何产生的。

你应该检查文档滚动，当页面滚动时，我面临同样的问题
活动或当页面向下滚动时

尝试添加

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

对于html2canvas选项，我有一个类似的问题，通过一些试验，我意识到在生成pdf之前滚动到页面顶部可以解决这个问题

因此，在生成pdf之前，我添加了这一行以滚动到页面顶部，它起了作用：

window.scrollTo（0,0）
试试这个css

*{
     padding:0;
      margin:0;
}

下面的代码对我有用

html2canvas(element , {
    scrollX: -window.scrollX,
    scrollY: -window.scrollY,
    windowWidth: document.documentElement.offsetWidth,
    windowHeight: document.documentElement.offsetHeight
})

你好，我也面临同样的问题。有什么解决办法吗？@BhumiSukhadiya尝试了一切，但仍然面对它。@Fazlur rahman给出的这个选项是html2canvas中的选项，如下所示，html2canvas（数据，{allowTaint:true，scrollX:0，scrollY:-window.scrollY}）；谢谢你拯救了我的一天：）我和OP有同样的问题，但是这里的解决方案导致我的页面出现滚动，空白出现在我的pdf底部。将两个卷轴都设置为0，即html2canvas（内容，{scrollX:0，scrollY:0}）为我解决了这个问题。我还必须使用-window.scrollY。感谢您的回答（无论是您的还是来自线程）。对我来说，我的画布末端有一条1px的垂直线，通过将
backgroundColor
选项设置为与内容相同的背景色来修复它<代码>html2canvas（内容，{backgroundColor:myContentColor}）
我也遇到了与您相同的问题，但是我通过使用html2canvas（内容，{scrollX:0，scrollY:0}）解决了这个问题，这样用户就不会失去在页面上的位置。