2017-08-16 7 views
0

私のページからスクリーンショットを取得しようとしていますが、それは問題ありません。HTML2Canvasは、「window.onload」関数を使用してもページが読み込まれる前にスクリーンショットを取得します。

マイページには2つのAPIがあり、いくつかの画像がありますが、読み込まれる前にhtml2canvasが撮影しています。私はすでに、および "window.load" と "準備完了" 機能を試してみました

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

は私のコードを見て。私は "setTimeout"も試しましたが、すべてのケースはapisと画像なしで行われました。私はコードを最後に置いた後、HTMLで本文を閉じます。

誰かが私を助けることができますか?

答えて

0

変更この行:

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

へ:最初の行で

document.addEventListener("ready", getScreen);

、あなたがgetScreen機能を呼び出して、イベントリスナーとしてその戻り値を渡しています、 2行目に関数参照を渡します。

+0

問題は、キャンバスが表示され、ページが決して「読み込まれない」ように見えることです。 –

+0

@JhonataGalante編集した私の答え –

+0

それは続ける。私はあなたのヒントに続いて、setTimeoutを試してみました。しかし、html2canvasのスクリーンショットは、APIと画像を取っておらず、次に読み込まれます。 –

関連する問題