Faire une capture d'écran

Capture d'écran de la fenêtre du navigateur.

by Léo Durand

HTML

<script src="https://rawgit.com/eKoopmans/html2canvas/develop/dist/html2canvas.min.js"></script>
<div id="element">
  COVER TO CAPTURE
</div>
<div id="btn" >Click me</div>

CSS

#element {
  width: 900px;
  height: 600px;
  font-size:100pt;
  border: 1px solid red;
  text-align: center;
}

JavaScript

function myRenderFunction(canvas){
    var a = document.createElement('a');
    // toDataURL defaults to png, so we need to request a jpeg, then convert for file download.
    a.href = canvas.toDataURL("image/png");
    a.download = 'NOVA.png';
    a.click();
}
var element = document.getElementById('element');


document.querySelector('#btn').addEventListener('click', () => {
  html2canvas(element, {
    scale: 3,
    onrendered: myRenderFunction
  });
 
});