如何生成图片后立即下载图片

首先写触发条件，这个项目里面是图形一生成就马上下载该图形。所以下载图形的这个函数应该在生成图形这个函数的最后面，在图形渲染完毕之后触发。
method：
initChart() {
//渲染图片
const dom = document.querySelector(".chart");
this.chart = echarts.init(dom, this.switchValue);
this.chart.setOption(this.option);
//以this.option作为媒介将json文件内容显示在dom中。
this.optionString();
// 将当前图片的base64地址拿到
this.img = new Image();
this.img.src = this.chart.getDataURL({
type: “png”,
pixelRatio: 2,
backgroundColor: ‘#fff’
});
//判断一下，如果是平时用于观察效果的工作就不用下载图片，如果是“批量下载”这个卡片中任务就要下载图片。
if(this.fileName!==‘a’){
this.downloadImg();
}else{
console.log(“不需要下载图片”)
};
},

downloadImg(){
let alink = document.createElement(“a”);
alink.href = this.img.src;
alink.download = this.fileName; //图片名
console.log(“图片名”,this.fileName);
alink.click();
//这个click()放在这里不知道是为什么，但是没有它确实没有执行下载动作。可能意思就是自动点击的意思吧，毕竟前面定义了那么多下载的属性，并没有说要下载。而InitialChart也只是触发了定义这些下载的属性，并没有触发下载这个动作本身。
},

//this.fileName在另外的地方定义。