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

Mofier 2019-04-22

前言

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:

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

如果你要把生成格式设为除了 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下使用Python的pygal库创建SVG矢量图形

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

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

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

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

安装该库原理同上:

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

如下两个库,只需正常 pip3 安装即可:

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

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

Hello SVG

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

更加炫酷点的图:

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

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

成功生成 png 格式的图片:

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

让 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矢量图形

总结

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

相关推荐