代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html>
<body>
<div id="capture" style="width: 200px; height: 200px; background-color: #f90;">
这里是你想要截图的内容
</div>
<button onclick="captureElement()">截图并下载</button>
<script>
function captureElement() {
html2canvas(document.querySelector("#capture")).then(canvas => {
// 创建一个图片元素
var img = canvas.toDataURL("image/png");
// 创建一个链接元素
var link = document.createElement('a');
// 设置下载属性
link.href = img;
link.download = 'screenshot.png';
// 触发点击
link.click();
});
}
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.3.2/html2canvas.min.js"></script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手