JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgit.com/tsayen/dom-to-image/master/src/dom-to-image.js"></script>
<script>
function screenshot() {
  domtoimage.toPng(document.getElementById('mynode'))
    .then(function(dataUrl) {
      var img = new Image();
      img.src = dataUrl;
      document.getElementById('mynode').appendChild(img);
    })
    .catch(function(error) {
      alert('oops, something went wrong!', error);
    });
}
</script>

<div id="mynode">
  <h1>Hello Plunker!</h1>
  <img src="http://i.imgur.com/eQxoG0h.jpg" width="50%" />
  <button onclick="screenshot()">Take screenshot</button>
</div>