Как сделать снимок экрана текущей веб-страницы, используя Javascript/JQuery?

Я пытался сделать снимок экрана веб-страницы, используя JavaScript/JQuery. Не могли бы вы объяснить мне шаги кода, которые мне нужно выполнить?

Ответы

Ответ 1

html2canvas2 JavaScript-утилита подходит для скриншота веб-страницы. Вы должны использовать три библиотеки JavaScript:

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

Затем вызовите функцию capture(), которая даст вам скриншот на основе canvas на HTML5 в новом окне. Он также генерирует значение base64data изображения. Он работает только в браузерах, поддерживающих холст HTML5.

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