Quisiera saber si hay alguna manera de hacer un screenshot
usando javascript
, he encontrado como hacer un screenshot
de una url
pero lo que necesito es hacer la captura de la pantalla que está viendo el usuario.
Gracias de antemano.
Quisiera saber si hay alguna manera de hacer un screenshot
usando javascript
, he encontrado como hacer un screenshot
de una url
pero lo que necesito es hacer la captura de la pantalla que está viendo el usuario.
Gracias de antemano.
Hacer screenshot es un comportamiento nativo del sistema operativo, por lo tanto, desde tu navegador no puedes acceder a éste. Lo que puedes hacer es transformar el documento HTML a canvas y posteriormente a una URL por medio de la función toDataURL()
.
El siguiente ejemplo hace uso de la librería html2canvas.
html2canvas(document.body, {
onrendered (canvas) {
var link = document.getElementById('download');;
var image = canvas.toDataURL();
link.href = image;
link.download = 'screenshot.png';
}
});
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
Hola, éste es un test para tomar una screenshot y descargarla.
<br/><br/>
<a id="download">Tomar screenshot y descargar</a>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>
</body>
</html>
Si quieres que se descargue automáticamente solo llama a la función click
sobre el link (link.click()
).