JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>
<body>
<div>Screenshot tester</div>
<button onclick="report()">Take screenshot</button>

<div class="container">
  <img width="75%" class="screen" >
</div>
</body>

CSS

.container {
    margin-top: 10px; 
    border: solid 1px black;
 
}

JavaScript

function report() {
  html2canvas(document.querySelector("body"), {
    onrendered: function (canvas) {
      let pngUrl = canvas.toDataURL();
      let img = document.querySelector(".screen");
      img.src = pngUrl;
      
      // here you can send 'pngUrl' to server
    },
  });
}