JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgit.com/niklasvh/html2canvas/master/dist/html2canvas.min.js"></script>
<p>Html</p>
<div id="clone-me">
  <div id="square">
  </div>
</div>

<p>Canvas</p>
<canvas id="canvas1" width="200" height="200"></canvas>

CSS

#clone-me {
  width: 200px;
  height: 200px;
  background: #333;
}

#square {
  width: 70px;
  height: 70px;
  background: red;
}

JavaScript

html2canvas(document.getElementById('clone-me'), {
    onrendered: function(canvas) {
    		var canvas1 = document.getElementById('canvas1');
        var ctx = canvas1.getContext('2d');
        ctx.drawImage(canvas, 0, 0);
    }
});