title: How to convert html blob into image using javascript?
body: <p>Trying to create image(screenshot) of a HTML page using javascript. Able to generate the html blob and display the same in new tab as read only HTML page using the below code.</p>
  
  <pre><code>var scr = document.documentElement.cloneNode(true);
  var blob = new Blob([scr.outerHTML], {type: 'text/html'});
  window.open(window.URL.createObjectURL(blob));
  </code></pre>
  
  <p>Please anyone could tell me how to save the same as image.</p>