JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://getbootstrap.com/dist/css/bootstrap.min.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>
<div class="alert alert-danger">test</div>
<button class='print'>Print</button>
JavaScript
$('.print').on('click', function(){
html2canvas(document.body, {
onrendered: function(canvas) {
$("#page").hide();
document.body.appendChild(canvas);
window.print();
$('canvas').remove();
$("#page").show();
}
});
});