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>
制作屏幕截图是操作系统的本机行为,因此,您无法从浏览器访问它。您可以做的是将 HTML 文档转换为画布,然后使用
toDataURL()
.以下示例使用html2canvas库。
如果您希望它自动下载,只需调用
click
链接上的函数 (link.click()
)。