SVG 工具

现在我们已经介绍了 SVG 内部机制的基础知识,我们将研究一些用于处理 SVG 文件的工具。

Inkscape

URL: www.inkscape.org

对于图形格式来说,最重要的工具之一就是一款优秀的绘图程序。Inkscape 提供了最先进的矢量绘图功能,而且它是开源的。

此外,它使用 SVG 作为其本机文件格式。为了存储 Inkscape 特定数据,它使用自定义命名空间中的元素和属性扩展了 SVG 文件,但您也可以选择导出为纯 SVG。

Adobe Illustrator

URL: www.adobe.com/products/illustrator/

在 Adobe 收购 Macromedia 之前,它是 SVG 最主要的推广者。从那时起,Illustrator 对 SVG 的支持就很好。然而,由此产生的 SVG 通常会显示一些怪癖,因此需要对它进行后处理以使其具有普遍适用性。

Apache Batik

URL: xmlgraphics.apache.org/batik/

Batik 是 Apache 软件基金会旗下一套开源工具。该工具包是用 Java 编写的,提供了几乎完整的 SVG 1.1 支持,以及一些最初计划用于 SVG 1.2 的功能。

Batik 提供了一个查看器(Squiggle)、一个用于 PNG 输出的栅格化器、一个用于格式化 SVG 文件的 SVG 美化打印机,以及一个 TrueType 到 SVG 字体的转换器。

Apache FOP 一起,Batik 可以将 SVG 转换为 PDF。

其他渲染器

存在一些项目可以从 SVG 源代码创建栅格图像。 ImageMagick 是最著名的命令行图像处理工具之一。Gnome 库 rsvg 被维基百科用来栅格化他们的 SVG 图形。使用无头浏览器(如 SlimerJS 和 PhantomJS)也越来越流行,因为生成的图像更接近 SVG 在浏览器中的显示效果。

Snap.svg

URL: snapsvg.io

来自 Raphael JS 作者的新型 JavaScript 抽象层。Snap.svg 专为现代浏览器设计,因此支持最新 SVG 功能,如蒙版、裁剪、图案、完整渐变、组。它不支持 Raphael 支持的较旧浏览器。

Google Docs

URL: www.google.com/google-d-s/drawings/

Google Docs 中的绘图可以导出为 SVG。

科学

众所周知的绘图工具 xfig 和 gnuplot 都支持导出为 SVG。为了在 web 上渲染图形, JSXGraph 支持 VML、SVG 和 canvas,并根据浏览器的功能自动决定使用哪种技术。

在 GIS(地理信息系统)应用程序中,SVG 通常被用作存储和渲染格式。有关详细信息,请参阅 carto.net

更多工具!