JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>
<div id="target">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis eleifend elit. Donec lectus sem, scelerisque sit
amet facilisis quis, gravida a lacus. Nunc at lorem egestas, gravida lorem quis, pulvinar ante. Quisque id tempus libero.
Mauris hendrerit nunc risus, ac laoreet lectus gravida et. Nam euismod magna ac enim posuere sagittis. Fusce at egestas
enim, eu hendrerit enim.
<input type="checkbox" id="chkInput0" ng-model="category.selected" value="Activity conducted prior to approval" onclick="checkCategory()" class="ng-pristine ng-untouched ng-valid" checked="checked" disabled="disabled">fgjergtr
</div>
<button onclick="takeScreenShot()">Take Screen Shot</button>
JavaScript
window.takeScreenShot = function () {
html2canvas(document.body).then(canvas => {
document.body.appendChild(canvas)
});
}
setTimeout(function(){
html2canvas(document.body).then(canvas => {
document.body.appendChild(canvas)
});
}, 2000);