/* 传入参数 图片名字 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()
}
}
封装外部下载echarts图片
最新推荐文章于 2024-04-26 11:09:20 发布