JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>
<div id="welcome">
<h1>johnathan</h1>
<input type="file" name="imagem" id="imagem">
</div>
<hr>
<div id="screenshot"></div>
CSS
#screenshot {
border: 2px solid #ccc;
width: 600px;
}
JavaScript
var content = document.getElementById('welcome')
, screenshot = document.getElementById('screenshot');
html2canvas(content, {
onrendered: function(canvas) {
screenshot.appendChild(canvas);
}
});