javascript - 如何使用 Javascript/JQuery 截取当前网页的屏幕截图？

Question

我正在尝试使用 JavaScript/JQuery 截取网页的屏幕截图。您能否向我解释一下我需要遵循的代码步骤？

Answer 1

html2canvas2 JavaScript 实用程序适用于截取网页的屏幕截图。您必须使用三个 JavaScript 库:

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

然后调用函数 capture()，它将在新窗口中为您提供基于 HTML5 canvas 的屏幕截图。它还会生成图像的 base64 数据值。它仅适用于支持 HTML5 canvas 的浏览器。

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