前端合成图下载

最新推荐文章于 2022-02-21 11:22:53 发布

Swings12138

最新推荐文章于 2022-02-21 11:22:53 发布

阅读量123

点赞数

分类专栏： util 文章标签：图片下载前端

本文链接：https://blog.csdn.net/qq_43153440/article/details/90741749

版权

util 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

前端合成图下载

downLoadPic(){
const self = this;
html2canvas(document.getElementById(‘xzPic’),{useCORS:true}).then(canvas=>{
var imgUri = canvas.toDataURL(“image/png”).replace(“image/png”, “image/octet-stream”); // 获取生成的图片的url
var dlLink = document.createElement(‘a’);
var fileName=self.yjxxTitle;
dlLink.download = fileName + ‘.png’;
dlLink.href = imgUri;
dlLink.dataset.downloadurl = [ “image/png”, dlLink.download, dlLink.href ].join(’:’);
document.body.appendChild(dlLink);
dlLink.click();
document.body.removeChild(dlLink);
});
}