html只加载当前屏幕内容,HTML2Canvas不显示完整div，只显示屏幕上可见的内容？

var htmlSource = $('#potenzial-page')[0];

$('#btn').on("click", function() {

html2canvas(htmlSource).then(function(canvas) {

var img = canvas.toDataURL();

window.open(img);

});

});

我使用V5测试3.

运行此代码时，它只呈现的是在屏幕上可见。 #potenzial-page div基本上是整个页面，减去页眉和页脚。这个div中的所有内容都可以通过滚动来看到(有一些隐藏的元素，但我不希望隐藏的元素在图像中可见)。

我找不到什么问题或为什么它不保存整个div。我还应该注意到，图片看起来像div一样高，但只有部分可见。

为了让我的意思的例子，这里是一个比较：

左边是HTML2Canvas应该如何呈现DIV。右图显示了它在运行上述代码时的呈现方式。正确的图像是我的浏览器屏幕中可见的图像。

我曾尝试添加height选项，但它没有区别。

UPDATE

如果我滚动到页面的最顶端，然后运行该脚本，它将使整个DIV，因为它应该。

如何渲染div而不必滚动到顶部？

2016-03-25

L84

+1

我面临同样的问题，你是如何解决这个问题的？ –