python用Pygal如何生成漂亮的SVG图像详解


Posted in Python onFebruary 10, 2017

前言

SVG可以算是目前最最火热的图像文件格式了,它的英文全称为Scalable Vector Graphics,意思为可缩放的矢量图形。它是基于XML(Extensible Markup Language),由World Wide Web Consortium(W3C)联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言,可让你设计激动人心的、高分辨率的Web图形页面。用户可以直接用代码来描绘图像,可以用任何文字处理工具打开SVG图像,通过改变部分代码来使图像具有交互功能,并可以随时插入到HTML中通过浏览器来观看。

First Head in Pygal

首先安装 pygal 啦:

pip install pygal

如果你要把生成格式设为除了 svg 之外的格式,如 png,jpg 之类,就要安装底下几个库了:

pip install lxml

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

sudo apt-get install libxml2-dev libxslt1-dev python-dev
sudo apt-get install python-lxml
pip install cairosvg

安装该库原理同上:

sudo apt-get install python-cairosvg

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

pip install tinycss

pip install cssselect

Hello SVG

import pygal              
bar_chart = pygal.Bar()           
bar_chart.add('Fibonacci', [0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55]) 
bar_chart.render_to_file('Hello.svg')

生成的是黑色的 Hello.svg 文件,因为是 svg 格式的,一般的话直接是不能打开的,选择默认的浏览器打开吧,看到就是底下这个样子:

python用Pygal如何生成漂亮的SVG图像详解

更加炫酷点的图:

import pygal
line_chart = pygal.Line()
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])
line_chart.render_to_file('Hello_line_chart.svg')

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

python用Pygal如何生成漂亮的SVG图像详解

Hello PNG

有时候,我们不需要 svg,只需要 png 格式的图表,没关系,pygal 也能够做到:

import pygal
bar_chart = pygal.Bar()
bar_chart.add('Fibonacci', [0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55])
bar_chart.render_to_file('bar_chart.svg')
# 生成 png 格式图表
bar_chart.render_to_png(filename='bar_chart.png')

注意绿色的标示,成功生成 png 格式的图片啦:

python用Pygal如何生成漂亮的SVG图像详解

Hello Flask and Pygal

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

pip install flask

核心代码如下,没错就是这么短:

import pygal
from flask import Flask, Response

app = Flask(__name__)

@app.route('/')
def index():
 return 
"""
 <html>
 <body>
  <h1>hello pygal and flask</h1>
  <figure>
  <embed type="image/svg+xml" src="/hellosvg/" />
  </figure>
 </body>
 </html>'
"""

@app.route('/hellosvg/')
def graph():
 """ render svg graph """
 bar_chart = pygal.Bar()
 bar_chart.add('Fibonacci', [0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55])
 return Response(response=bar_chart.render(), content_type='image/svg+xml')

if __name__ == '__main__':
 app.run()

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

python用Pygal如何生成漂亮的SVG图像详解

当然咯,你还可以做出如下更为炫酷的 svg 图像,不过这一切都是 pygal 的用法啦:

python用Pygal如何生成漂亮的SVG图像详解

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果想学习更多内容还请移步 pygal 官方文档吧。希望本文的内容对大家能有一定的帮助。

Python 相关文章推荐
Tornado服务器中绑定域名、虚拟主机的方法
Aug 22 Python
Python pymongo模块用法示例
Mar 31 Python
Python实现按照指定要求逆序输出一个数字的方法
Apr 19 Python
为什么Python中没有&quot;a++&quot;这种写法
Nov 27 Python
利用selenium爬虫抓取数据的基础教程
Jun 10 Python
python全栈要学什么 python全栈学习路线
Jun 28 Python
如何基于python生成list的所有的子集
Nov 11 Python
python GUI库图形界面开发之PyQt5打印控件QPrinter详细使用方法与实例
Feb 28 Python
python3中TQDM库安装及使用详解
Nov 18 Python
Python中对象的比较操作==和is区别详析
Feb 12 Python
python中最小二乘法详细讲解
Feb 19 Python
Python find()、rfind()方法及作用
Dec 24 Python
Ubuntu下创建虚拟独立的Python环境全过程
Feb 10 #Python
简单谈谈Python中的几种常见的数据类型
Feb 10 #Python
Python使用QQ邮箱发送Email的方法实例
Feb 09 #Python
python3中bytes和string之间的互相转换
Feb 09 #Python
python实现下载文件的三种方法
Feb 09 #Python
Python如何实现守护进程的方法示例
Feb 08 #Python
详解Python中表达式i += x与i = i + x是否等价
Feb 08 #Python
You might like
PHP添加MySQL数据记录代码
2008/06/07 PHP
通过PHP的内置函数,通过DES算法对数据加密和解密
2012/06/21 PHP
php图片的二进制转换实现方法
2014/12/15 PHP
如何使用GDB调试PHP程序
2015/12/08 PHP
php解决DOM乱码的方法示例代码
2016/11/20 PHP
jquery.AutoComplete.js中文修正版(支持firefox)
2010/04/09 Javascript
jquery form表单提交插件asp.net后台中文解码
2010/06/12 Javascript
js 优化次数过多的循环 考虑到性能问题
2011/03/05 Javascript
基于jQuery的图片剪切插件
2011/08/03 Javascript
JavaScript高级程序设计(第3版)学习笔记4 js运算符和操作符
2012/10/11 Javascript
javaScript 计算两个日期的天数相差(示例代码)
2013/12/27 Javascript
jquery validate 自定义验证方法介绍 日期验证
2014/02/27 Javascript
基于Jquery实现万圣节快乐特效
2015/11/01 Javascript
jQuery简单实现点击文本框复制内容到剪贴板上的方法
2016/08/01 Javascript
深入理解js 中async 函数的含义和用法
2018/05/13 Javascript
chosen实现省市区三级联动
2018/08/16 Javascript
小程序实现订单倒计时功能
2019/04/23 Javascript
webpack4 SplitChunks实现代码分隔详解
2019/05/23 Javascript
JS箭头函数和常规函数之间的区别实例分析【 5 个区别】
2020/05/27 Javascript
vue使用vant中的checkbox实现全选功能
2020/11/17 Vue.js
Python标准库sched模块使用指南
2017/07/06 Python
python字符串替换第一个字符串的方法
2019/06/26 Python
如何使用python爬虫爬取要登陆的网站
2019/07/12 Python
什么是"引用"?申明和使用"引用"要注意哪些问题?
2016/03/03 面试题
什么是.net的Remoting技术
2016/07/08 面试题
小学生自我鉴定
2013/10/12 职场文书
机械制造与自动化应届生求职信
2013/11/16 职场文书
五一手机促销方案
2014/03/08 职场文书
祖国在我心中演讲稿500字
2014/05/04 职场文书
三八节标语
2014/06/27 职场文书
关于青春的演讲稿500字
2014/08/22 职场文书
2014年仓库工作总结
2014/11/20 职场文书
小区保洁员岗位职责
2015/04/10 职场文书
2016抗战胜利71周年红领巾广播稿
2015/12/18 职场文书
Nginx工作模式及代理配置的使用细节
2022/03/21 Servers
 python中的元类metaclass详情
2022/05/30 Python