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

2019-01-31  本文已影响4人  ___大鱼___
  1. 下载 canvg.js 我的百度网盘js工具有如有需要请咨询
  2. 导入文件
   <script src="../zui/lib/jquery/jquery.js"></script>
<script src="../zui/js/canvg.js"></script>
  1. 在html中加入一个canvas画布div
<canvas id='canvasId' style='display: none'></canvas>
  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
上一篇 下一篇

猜你喜欢

热点阅读