利用Highcharts创建SVG图片并转为PNG（前端页面）

最新推荐文章于 2020-09-14 15:53:30 发布

Wenbiiiin

最新推荐文章于 2020-09-14 15:53:30 发布

阅读量6.4k

点赞数 1

分类专栏：杂文章标签： svg batik 前端

本文链接：https://blog.csdn.net/Wenbiiiin/article/details/71774643

版权

这里的svg图片是在highcharts里面生成的，并且利用highcharts中的getSvg()函数获得svg图片的字符串。
将svg字符串转化成png的时候用到了batik里面的transcoder的jar包。
网上下载的jar包一定要解压看看里面是个啥东西……我最开始的错误就是因为jar包里面居然是个exe文件，肯定没有用的啊……报错是肯定的……

那首先是前端的页面

首先肯定事先要引入jquery和highcharts的js文件，一定要注意先后顺序！！！

    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://cdn.hcharts.cn/highcharts/highcharts.js">