使用 html2canvas 将页面中某一部分转为图片下载
2021-04-26 14:29
标签:fonts display body canvas 标题 lob bsp from his 今天在项目中遇到一个需求是将生成的二维码和一些背景作为海报,然后将海报以图片的形式下载 使用了 html2canvas 插件 这是要执行的 代码片段 如果要下载的部分有图片内容 需要 添加 使用 html2canvas 将页面中某一部分转为图片下载 标签:fonts display body canvas 标题 lob bsp from his 原文地址:https://www.cnblogs.com/buxiugangzi/p/12219448.htmldownloadFile(data, fileName) {
if (!data) {
return;
}
let url = window.URL.createObjectURL(data);
let link = document.createElement("a");
link.style.display = "none";
link.href = url;
link.setAttribute("download", fileName);
document.body.appendChild(link);
link.click();
},
downLoadCode(id,name){
html2canvas(document.getElementById(id),{useCORS:true,logging:true}).then(canvas => {
canvas.toBlob(blob => {
this.downloadFile(blob,name);
}, "image/png");
});
},
文章标题:使用 html2canvas 将页面中某一部分转为图片下载
文章链接:http://soscw.com/essay/79827.html