echarts的外部按钮调用保存图片

图片按钮调用外部按钮的:
function downloadImpByChart(chartId,name) {
var url = getFullCanvasDataURL(chartId);
var link = document.createElement(‘a’);
link.href = url;
link.download = name+".png";
link.click();
};

//将图形转成base64的图片
function getFullCanvasDataURL(divId){
    //将第一个画布作为基准。
    var baseCanvas = $("#"+divId).find("canvas").first()[0];
    if(!baseCanvas){
        return false;
    };
    var width = baseCanvas.width;
    var height = baseCanvas.height;
    var ctx = baseCanvas.getContext("2d");
    //遍历,将后续的画布添加到在第一个上
    $("#"+divId).find("canvas").each(function(i,canvasObj){
        if(i>0){
            var canvasTmp = $(canvasObj)[0];
            ctx.drawImage(canvasTmp,0,0,width,height);
        }
    });
    //获取base64位的url
    return baseCanvas.toDataURL();
}

原文链接:https://blog.csdn.net/jia814583973/article/details/106568656


版权声明:本文为qq_39192629原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。