如何使用带有 png 扩展名的 html2canvas 截取网页屏幕截图，并将其保存在本地文件夹中？
我尝试了以下代码。它使用文件名 download 保存屏幕截图，但不带 png/jpeg 扩展名。有什么办法让它发挥作用吗？我还想将屏幕截图保存到本地文件夹。
<html>
<head>
<meta charset="utf-8"/>
<title>test2</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>
<script type="text/javascript" src ="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="html2canvas.js?rev032"></script>
<script type="text/javascript">
$(window).load(function(){
$('#load').click(function(){
html2canvas($('#testdiv'), {
onrendered: function (canvas) {
var img = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
window.location.href = img;
}
});
});
});
</script>
</head>
<body>
<div id="testdiv">
<h1>Testing</h1>
<h4>One column:</h4>
<table border="1">
<tr>
<td>100</td>
</tr>
</table>
<br/>
</div>
<input type="button" value="Save" id="load"/>
</body>
</html>
最佳答案
var save = document.createElement('a');
save.href = data;
save.target = '_blank';
save.`enter code here`download = 'fileName';
var event = document.createEvent('Event');
event.initEvent('click', true, true);
save.dispatchEvent(event);
(window.URL || window.webkitURL).revokeObjectURL(save.href);
关于javascript - 使用带有 png 扩展名的 html2canvas 捕获网页的屏幕截图，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21315051/