SVG（Scalable Vector Graphics）是基于XML的矢量图像格式，用户可灵活运用图像进行搜索、索引、脚本以及压缩。SVG由W3C制定开发，是一个开放标准，支持当前主流浏览器包括Firefox、IE9-10、Chrome、Safari以及Opera。

SVG支持三种图像类型：矢量图像、嵌入式外部图像以及文字。图形对象包括PNG、JPEG和SVG格式，用户可根据自己的喜好轻松使用XML文本文件进行修改，因此使用文本编辑成为创建SVG图像的重要方法之一。由于这种格式得到主流浏览器的支持，越来越多的产品开始倾向开源。

本文我们将分享5款超实用的开源的SVG工具：

1. SharpVectorGraphics（SVG）

SVG是基于Microsoft .Net开源项目设计而来，是建立在.Net framework上使用SVG的一款应用，支持生成、操作以及可查看 ，该项目旨在赋予一组核心模块，开发人员可创建基金会来支持特定的SVG解决方案。

2. Cairo

Cairo是一款2D图像库能够安装、填充cubic Bézier曲线，转换和合成半透明图像，通过绘图操作进行文字渲染，可以转换任何仿射变换（缩放、旋转、剪切等）。

3. Graphviz

Graphviz是一款可视化的图形软件，支持SVG、PDF和Postscript，显示交互式的图形浏览器，此外，该工具擅长抽象图形和网格，具备多种实用的特性涵盖具体的图表功能如颜色、字体、表格节点布局、线型样式、超链接、滚动以及自定义形状。

4. Inkscape

Inkscape是一款开源的矢量图形编辑器，支持可缩放的SVG1.1版，支持Mac OSX，Unix  OS以及Microsoft Windows系统。

Inkscape中的对象可进行伪射转换（移动，旋转、缩放、倾斜以及可配置的矩阵），该对象可进行分组、克隆；Inkscape支持多行文本（SVG’s <text>元素）和流动文本（非标准<flowRoot> 元素，此前提出的SVG 1.2版）。

Inkscape兼容多种格式，不仅支持其原生格式SVG，还有PS、 EPS、PD、AI (Adobe Illustrator)以及raster格式。

5. Apache Batik

Batik是由Apache软件基金会开源的一款工具。

该工具使用Java编写，几乎完全支持SVG 1.1，此外，其他一些功能还将被纳入到SVG 1.2原始计划中。

除了能为PNG输出查看器和光栅化程序，Batik还支持完美的打印SVG文件格式以及TrueType-to-SVG-Font字体转换，用户还能将SVG转换成PDF格式。

SVG和EPS图像展示工具 Hypercube

Hypercube (超立方体)设有一个基于Qt的GUI简单的基于文本的图形来表示SVG和EPS图像，以及作为一个Qt独立的命令行工具的可视化工具。它采用了模拟退火算法的布局图，可以很容易地参数进行调整，来达到所需的外观。主要发展目标是便携性和易于使用的，而不是高性能和复杂性。命令行工具不使用任何其他的库比标准C ++库，GUI工具使用“纯”的Qt。

Hypercube features a Qt-based GUI tool for visualizing simple text-based graph representations as SVG and EPS images, as well as a Qt-independent commandline tool. It uses a simulated annealing algorithm to lay out the graph, which can be easily parametrized to achieve the desired look. The main development goals are portability and easy usage rather than high performance and complexity. The commandline tool does not use any other libraries than the standard C++ library, and the GUI tool uses “pure” Qt.

CLI tool

Usage:    hypercube-cli [OPTIONS] FILE

OPTIONS:

 -v               print the program version

 -s <dimensions>  set image size to <dimensions>

 -f <format>      set output format to <format>

 -e <encoding>    set input file encoding to <encoding>

 -o <file>        set the output file to <file>

 -vc <color>      set vertex color to <color>

 -ec <color>      set edge color to <color>

 -vs <size>       set vertex size to <size>

 -es <size>       set edge size to <size>

 -vf <size>       set vertex font size to <size>

 -ef <size>       set edge font size to <size>

 -d               directed graph

 -u               undirected graph

 -c               asign a unique color to every uniqe edge value

 -l <size>        show edge color legend with font size <size>

option arguments:

 <dimesnsions>    width,height

 <color>          #RRGGBB

 <format>         svg eps

 <encoding>       iso-8859-1 iso-8859-2 iso-8859-5 iso-8859-7

                  windows-1250 windows-1251 windows-1252 windows-1253

                  koi8-r koi8-u utf-8