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

更多工具!