angular 将HTML转化为png文件导出

var node = document.getElementById('table');

// 先用domtoimage获取到HTML转化后图片后，已base64方式保存

domtoimage.toPng(node)

.then(function (dataUrl) {

var img = new Image();

img.src = dataUrl;

// 将获取到的base64下载下来

var imgUrl = img.src;

// 如果浏览器支持msSaveOrOpenBlob方法（也就是使用IE浏览器的时候），那么调用该方法去下载图片

if (window.navigator.msSaveOrOpenBlob) {

var bstr = atob(imgUrl.split(',')[1]);

var n = bstr.length;

var u8arr = new Uint8Array(n);

while (n--) {

u8arr[n] = bstr.charCodeAt(n);

}

var blob = new Blob([u8arr]);

window.navigator.msSaveOrOpenBlob(blob, 'chart-download' + '.' + 'pdf');

} else {

// 这里就按照chrome等新版浏览器来处理

const a = document.createElement('a');

a.href = imgUrl;

a.setAttribute('download', 'chart-download');

a.click();

}

});