//下载获取
$("#ntexport").click(function () {
var mycanvas = $("#chartsImgOne").find("canvas")[0];
var image = mycanvas.toDataURL("image/jpeg");
var $a = document.createElement('a');
$a.setAttribute("href", image);
$a.setAttribute("download", ""); // 下载的图片名称
$a.click();
// window.location.href=image;
});
以上获取背景是黑色;也可以以下获取 ;把$a中的$a.setAttribute("href", image)改成:$a.setAttribute("href", resultBase64 );就可以了
var myChart = echarts.init(document.getElementById('chartsImgOne'));
var resultBase64 = myChart.getDataURL({
type: 'png',
pixelRatio: 2,
backgroundColor: '#fff'
});
mycanvas:获取echarts中的画布元素
图像:转成字节流(BASE64)的格式传给后台解析
$ A:创建一个一个标签把属性都挂载在一个标签上
我在原文 的基础上做了一些说明