How to take screen shot of current webpage using Javascript/JQuery?

by

The html2canvas2 JavaScript utility is suitable to take a screenshot of a webpage. You have to use three JavaScript libraries: 

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

Then call the function capture(), which will give you an HTML5 canvas-based screenshot in new window. It also generates a base64data value of image. It only works in browsers that support HTML5 canvas.

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

More Related Contents:

  1. Take a screenshot of a webpage with JavaScript?
  2. Stop User from using “Print Scrn” / “Printscreen” key of the Keyboard for any Web Page
  3. How to create a translucent in React Native?
  4. jQuery AJAX cross domain
  5. How to access POST form fields in Express
  6. How to get value of selected radio button?
  7. How to loop through an array containing objects and access their properties
  8. How to check if a string contains text from an array of substrings in JavaScript?
  9. How to get a file or blob from an object URL?
  10. Cancel a vanilla ECMAScript 6 Promise chain
  11. Why define an anonymous function and pass it jQuery as the argument?
  12. Google Chromecast sender error if Chromecast extension is not installed or using incognito
  13. What does javascript function return in the absence of a return statement?
  14. Changing the keypress
  15. D3js – change Vertical bar chart to Horizontal bar chart
  16. Referencing a JavaScript value before it is declared – can someone explain this
  17. How to make supported on all browsers? Any alternatives?
  18. Updating source URL on HTML5 video with React
  19. Traits in javascript [closed]
  20. Javascript module not working in browser?
  21. Get HTML code using JavaScript with a URL
  22. Get the value of bootstrap Datetimepicker in JavaScript
  23. Is there an __repr__ equivalent for javascript?
  24. DIV Vertical Scroll bar on left
  25. Print Var in JsFiddle
  26. Javascript – Loop through array backwards with forEach
  27. html5/Javascript – How to get the Selected folder name?
  28. What does this javascript syntax mean ? (0, _parseKey2.default)(something) [duplicate]
  29. How to get base domain from the URL in JavaScript
  30. Can you have multiple lines in an element?

Leave a Comment