Hay una Web que contiene un certificado, necesito capturar una pantalla y al hacer clic debe activarse el cuadro de diálogo para que el usuario pueda guardarla en su PC.
Tengo este código pero no me funciona, alguna sugerencia para mejorarlo u otra opción, necesito que se imprima una parte, por ejemplo lo que está dentro de un div, una tabla, etc.
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
html2canvas(document.body, {
onrendered (canvas) {
var link = document.getElementById('download');;
var image = canvas.toDataURL();
link.href = image;
link.download = 'screenshot.png';
}
});
</script>
<style type="text/css">
#download{
width:300px;
height:200px;
background:blue;
color:#fff;
}
</style>
</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>
<div id="download">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis eleifend elit. Donec lectus sem, scelerisque sit amet facilisis quis, gravida a lacus. Nunc at lorem egestas, gravida lorem quis, pulvinar ante. Quisque id tempus libero. Mauris hendrerit nunc risus, ac laoreet lectus gravida et. Nam euismod magna ac enim posuere sagittis. Fusce at egestas enim, eu hendrerit enim.
</div>
<button>tomar foto</button>
</div>
</body>
</html>
Gracias de antemano.