2017-08-16 96 views
0

我試圖從我的頁面截取屏幕截圖,沒關係,但是在整個頁面加載之前需要執行截圖。HTML2Canvas在頁面加載之前使用「window.onload」函數加載屏幕截圖

我的頁面有兩個API和一些圖像,但是html2canvas在加載之前拍攝。

看看我的代碼:

function getScreen(){ 
    html2canvas(document.body, { 
     onrendered: function(canvas) { 
      document.body.appendChild(canvas); 
     } 
    }); 
} 
document.body.addEventListener("onload", getScreen()); 

我已經與 「準備就緒」 功能,並以 「window.load」 嘗試。我也嘗試過「setTimeout」,但是所有的情況都是在沒有apis和圖像的情況下拍攝的。我把代碼放在最後,然後關閉HTML中的主體。

有人可以幫助我嗎?

回答

0

改變這一行:

document.body.addEventListener("onload", getScreen());

要:

document.addEventListener("ready", getScreen);

在第一行中,我們在調用getScreen功能並通過其返回值作爲事件偵聽器,而你在第二行給出函數引用。

+0

現在的問題是畫布甚至出現,就像頁面從不「加載」一樣。 –

+0

@JhonataGalante編輯我的答案 –

+0

它繼續。我嘗試了setTimeout,這是你的提示,它的工作。但是html2canvas的屏幕截圖並未採用API和圖像,即使接下來它也會加載。 –

相關問題