web-dev-qa-db-ja.com

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

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

javascriptwebpage-screenshot
12
user2682340

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

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

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

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