思路:
1.安装html2canvas
2.引入html2canvas
3.使用html2canvas把html转成canvas
4.使用canvas.toDataURL得到base64
5.base64赋值给a标签的url
6.为a标签设置downlaod
7.模拟点击a标签,执行下载
npm i html2canvas
import html2canvas from "html2canvas";
html2canvas(document.querySelector("#id")).then((canvas) => {
var url = canvas.toDataURL();
let a = document.createElement('a')
a.href = url
a.download = '海报.png';
a.click()
a=null
});
本文介绍了一种将网页内容转换为图片并通过模拟点击下载的方法。具体步骤包括:安装并引入html2canvas库;使用该库将指定的HTML元素转换为Canvas;从Canvas获取Base64编码的数据URL;创建带有此URL的a标签并设置下载属性;最后通过模拟点击实现图片的自动下载。
2586

被折叠的 条评论
为什么被折叠?



