美文网首页
如何将highcharts生成的图片转化base64发送后端

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

作者: ___大鱼___ | 来源:发表于2019-01-31 15:51 被阅读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

相关文章

网友评论

      本文标题:如何将highcharts生成的图片转化base64发送后端

      本文链接:https://www.haomeiwen.com/subject/pqzksqtx.html