利用 html2canvas、FileSaver 把页面另存为图片

KingFu28

于 2023-03-06 17:12:16 发布

阅读量240

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/kingwin28/article/details/129366526

版权

该代码示例展示了如何结合html2canvas库将网页内容转化为canvas，然后利用FileSaver.js将canvas内容保存为PNG图片，允许用户下载。

摘要由CSDN通过智能技术生成

<! -- 引用重要JS -->
<script src="http://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>
<script src="https://gitee.com/original-culture_0/FileSaver.js/raw/master/dist/FileSaver.min.js"></script>

function convert2img() {
	html2canvas(document.body).then(canvas => {
	   canvas.toBlob(function(blob) {
		  saveAs(blob, "文件名.png");
	   });
	});
}