show loader gif直到在浏览器中启动下载

时间:2018-06-17 07:06:34

标签: javascript angular svg browser download

我在角度4中使用saveSvgAsPng并希望显示一个加载器gif,直到图像(.png)准备下载,但是这样的东西不能正常工作并且两个代码行都被执行了完全相继:

svgToImageConverter() {
    this.showLoader = true;
    saveSvgAsPng(document.getElementById('main'), 'diagram.png');
    this.showLoader = false;
}

我认为在完成其范围之前我需要类似订阅和更改加载器布尔值的东西,但在saveSvgAsPng我不知道!

由于

2 个答案:

答案 0 :(得分:0)

我使用了svgAsPngUri = (el, options, done) => {}并更改了this.showLoader中的done function

svgAsPngUri创建base64并使用this  帮助,我将base64更改为png文件。

答案 1 :(得分:-1)

用以下代替你的行: saveSvgAsPng(document.getElementById(" main")," diagram.png",3); 希望这个有效!