#echarts图表生成Base64方法
首先要找到图表承载容器
例如
<div style="height: 100%;width:100%" id="fixed"></div>
我封装了个转base64的方法:
/*
echarts图转base64
ele 图表DOM 容器ID 对应例子的ID("#fixed")
*/
function createBase64(ele) {
let docEle = ele + " canvas";
let canvasFixed = document.querySelector(docEle),//获取图表元素
canvasWidth = canvasFixed.width,//获取图表元素宽度
canvasHeigth = canvasFixed.heigth,//获取图表元素高度
canvas2D = canvasFixed.getContext('2d');
canvas2D.drawImage(canvasFixed,canvasWidth,canvasHeigth);
return canvasFixed.toDataURL()
}
let echartsBase64 = createBase64("#fixed");
console.log(echartsBase64)
效果如图:
)(https://imgtu.com/i/4FdKij#pic_center)]
复制下来就可以放到浏览器或者解析base64的网站解析查看是否ok:
拿到后就可以做自己想做的事了;