87,910
社区成员
发帖
与我相关
我的任务
分享请发表友善的回复…
发表回复
孤的传人 2019-11-07
- 打赏
- 举报
<html>
<head>
<meta name="layout" content="main">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
<script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script>
<script src="https://cdn.bootcss.com/FileSaver.js/2014-11-29/FileSaver.js"></script>
</head>
<body>
<div style="background-color: #93ccb6;">
测试html5页面截图的生成界面如下:
</div>
<textArea id="textArea"></textArea>
<input class="example1" type="button" value="button">
</body>
<script>
$(".example1").on("click", function (event) {
event.preventDefault();
html2canvas(document.body, {
allowTaint: true,
taintTest: false,
onrendered: function (canvas) {
/**
* 保存到本地，用FileSaver这个插件
*/
canvas.toBlob(function (blob) {
saveAs(blob, "saveImage.png");
});
/**
* 生成base64图片数据
* @type {string}
*/
var dataUrl = canvas.toDataURL();
var newImg = document.createElement("img");
newImg.src = dataUrl;
document.body.appendChild(newImg);
}
});
});
</script>
</html>
u010855070 2017-09-14
- 打赏
- 举报
楼主，问题解决没，我也遇到该
bewing_chan 2016-04-14
- 打赏
- 举报
有牛人回复吗？
