如何将highcharts生成的图片转化base64发送后端

  1. 下载 canvg.js 我的百度网盘js工具有如有需要请咨询
  2. 导入文件
   
 
        
        

  1. 在html中加入一个canvas画布div

  1. 在js中加入以下代码

var charData = $('#container_1').highcharts().getSVG();
                        canvg(canvasId, charData);
                         canvg(canvasId, charData);
                        function convertCanvas(canvas) {
                            var image = new Image();
                            image.src = canvas.toDataURL("image/png");
                            console.log(image)
                            return image
                        }
                        var imageData = convertCanvas(canvasId).src   // 生成了base64编码
                        console.log(imageData)
                    imgAjax(imageData)   // 发送ajax

你可能感兴趣的:(如何将highcharts生成的图片转化base64发送后端)