Screenshots with JavaScript

Using the JavaScript library to capture the content on screen

Firstly, the html element will be converted into canvas.

<script src="./html2canvas.js"></script>
<script src="./html2canvas.svg.js"></script>

$('#btn').click(function(){
  html2canvas($('#img'), {
    onrendered: function(canvas) {
      var myImage = canvas.toDataURL("image/png");
      window.open(myImage);
      document.body.appendChild(canvas);
    },
    background: '#000000',
    allowTaint: true,
    useCORS: true
  });   
})