क्या HTML5 कैनवस से पेज का स्क्रीनशॉट ले सकते हैं?

html2canvas लाइब्रेरी पूरे वेब पेज या विशिष्ट भाग का "स्क्रीनशॉट" (वास्तव में DOM आधारित रेंडरिंग) बना सकती है।

उदाहरण

<!DOCTYPE html>
<html>
  <head>
    <script src="html2canvas-master/dist/html2canvas.js"></script>
  </head>
  <body>
    <h1>स्क्रीनशॉट लें</h1>
    <div class="container" id="container">
      <img src="images/one.jpg" width="50" height="50">
      <img src="images/two.jpg" width="50" height="50">
    </div>
    <input type="button" id="but_screenshot" value="स्क्रीनशॉट लें" onclick="screenshot()"><br/>
    <script>
      function screenshot() {
        html2canvas(document.body).then(function(canvas) {
          document.body.appendChild(canvas);
        });
      }
    </script>
  </body>
</html>

सीमाएं: क्रॉस-ओरिजिन इमेजेज, कुछ CSS प्रॉपर्टीज़, प्लगइन कंटेंट (फ्लैश) रेंडर नहीं होते। यह वास्तविक स्क्रीनशॉट नहीं, DOM रीड्रॉ है।