封装外部下载echarts图片

/* 传入参数 图片名字 echarts对象 */ export function saveImg(param) { // 获取画布图表地址信息 const imgUrl = param.myChart._api.getDataURL({ type: ‘jpeg’, pixelRatio: 1, backgroundColor: ‘#fff’ }) // 如果浏览器支持msSaveOrOpenBlob方法（也就是使用IE浏览器的时候），那么调用该方法去下载图片 if (window.navigator.msSaveOrOpenBlob) { // 截取base64的数据内容（去掉前面的描述信息，类似这样的一段：data:image/png;base64,）并解码为2进制数据 let bstr = atob(imgUrl.split(’,’)[1]) // 获取解码后的二进制数据的长度，用于后面创建二进制数据容器 let n = bstr.length // 创建一个Uint8Array类型的数组以存放二进制数据 let u8arr = new Uint8Array(n) // 将二进制数据存入Uint8Array类型的数组中 while (n–) { u8arr[n] = bstr.charCodeAt(n) } // 创建blob对象 let blob = new Blob([u8arr]) // 调用浏览器的方法，调起IE的下载流程 window.navigator.msSaveOrOpenBlob(blob, ‘echarts下载’ + ‘.jpg’) } else { //类似chrome浏览器创建一个a标签并使用a标签的href属性下载 let tempA = document.createElement(‘a’) tempA.download = param.name + ‘.jpg’ tempA.href = imgUrl document.body.appendChild(tempA) tempA.click() tempA.remove() } }