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

我面臨同樣的問題，你是如何解決這個問題的？ –

總結

以上是生活随笔為你收集整理的html只加载当前屏幕内容,HTML2Canvas不显示完整div，只显示屏幕上可见的内容？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。