javascript - Javascript/JQueryを使用して現在のWebページのスクリーンショットを撮る方法は?

Question

JavaScript/JQuery を使用して Web ページのスクリーンショットを撮ろうとしていました。従う必要があるコードの手順を教えてください。

Answer 1

html2canvas2 JavaScript ユーティリティは、Web ページのスクリーンショットを撮るのに適しています。次の 3 つの JavaScript ライブラリを使用する必要があります。

 1.jquery-1.10.2.min.js
 2.html2canvas.js
 3.jquery.plugin.html2canvas.js

次に、関数 capture() を呼び出します。これにより、新しいウィンドウに HTML5 キャンバス ベースのスクリーンショットが表示されます。また、画像の base64data 値も生成します。HTML5 キャンバスをサポートするブラウザーでのみ機能します。

    <script type="text/javascript">
    function capture() {
            html2canvas($('body'),{
                onrendered: function (canvas) {                     
                            var imgString = canvas.toDataURL("image/png");
                            window.open(imgString);                  
            }
        });
   </script>