Ubuntu下使用Python的pygal库创建SVG矢量图形

前言

SVG是一种矢量图格式，是Scalable Vector Graphics三个单词的首字母缩写。它是基于XML（Extensible Markup Language），由World Wide Web Consortium（W3C）联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言，可让你设计激动人心的、高分辨率的Web图形页面。用户可以直接用代码来描绘图像，可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有交互功能，并可以随时插入到HTML中通过浏览器来观看。

环境：Ubuntu 18.04 LTS

Python版本：Python 3.6.7

首先要安装 pygal：

如果你要把生成格式设为除了 svg 之外的格式，比如 png，jpg 图片格式，就要安装以下这几个库了：

Collecting lxml
  Downloading https://pypi.doubanio.com/packages/35/8a/5e066949f2b40caac32c7b2a77da63ad304b5fbe869036cc3fe4a198f724/lxml-4.3.3-cp36-cp36m-manylinux1_x86_64.whl (5.7MB)
    100% |████████████████████████████████| 5.7MB 12.6MB/s
Installing collected packages: lxml
Successfully installed lxml-4.3.3

在 Ubuntu 中按照如下提示安装即可：

安装该库原理同上：

如下两个库，只需正常 pip3 安装即可：

Hello SVG

更加炫酷点的图：

生成的图就是下面这个样子：

成功生成 png 格式的图片：

让 Pygal 生成的 svg 格式图片中，显示在你的网页上呗，我们选择 flask 来提供 web 支持：

核心代码如下，没错就是这么短：

import pygal
from flask import Flask
app = Flask(__name__)
@app.route('/')
def drawSVG():
  line_chart = pygal.Line(legend_at_bottom=True,legend_box_size=18)
  line_chart.title = 'Browser usage evolution (in %)'
  line_chart.x_labels = map(str, range(2002, 2013))
  line_chart.add('Firefox', [None, None, 0, 16.6,  25,  31, 36.4, 45.5, 46.3, 42.8, 37.1])
  line_chart.add('Chrome',  [None, None, None, None, None, None,    0,  3.9, 10.8, 23.8, 35.3])
  line_chart.add('IE',      [85.8, 84.6, 84.7, 74.5,  66, 58.6, 54.7, 44.8, 36.2, 26.6, 20.1])
  line_chart.add('Others',  [14.2, 15.4, 15.3,  8.9,    9, 10.4,  8.9,  5.8,  6.7,  6.8,  7.5])
  svg = line_chart.render_response()
  return svg
if __name__ == '__main__':
  app.run()
 

打开 127.0.0.1:5000 就能看到下面的样子咯：

总结

以上就是Ubuntu下使用Python的pygal库创建SVG矢量图形的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果想学习更多内容还请移步 pygal 官方文档吧。