blob: 9fb8bbc0d7ff53bce4c8adcedd90dd6663aba00e (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
|
---
title: SVG工具
slug: Web/SVG/Tutorial/Tools_for_SVG
translation_of: Web/SVG/Tutorial/Tools_for_SVG
---
<p>{{ PreviousNext("Web/SVG/Tutorial/SVG_Image_Tag") }}</p>
<p>现在我们已经讲解了SVG内部的基础。我们将看一看哪些工具可以制作或呈现SVG文件。</p>
<h3 id="浏览器支持">浏览器支持</h3>
<p>随着IE9面世，最终所有的主流浏览器将支持SVG：Internet Explorer 9、Mozilla Firefox、Safari、Google Chrome和Opera。基于Webkit的移动设备浏览器（主要是指iOS和Android），都支持SVG。在较老或者较小的设备上，一般支持SVG Tiny。</p>
<h2 id="Inkscape">Inkscape</h2>
<p>URL: <a class="external" href="http://www.inkscape.org">www.inkscape.org</a></p>
<p>图形格式最重要的工具之一，是一个相当好的绘图程序。Inkscape提供了最先进的矢量绘图功能，而且它是开源的。</p>
<p>此外它使用SVG作为它的原生文件格式。为了存储Inkcape特有的数据，它扩展了SVG文件，添加了自定义命名空间的元素和属性，但是你依然可以选择导出纯SVG文件。</p>
<h2 id="Adobe_Illustrator">Adobe Illustrator</h2>
<p>URL: <a class="external" href="http://www.adobe.com/products/illustrator/">www.adobe.com/products/illustrator/</a></p>
<p>在Adobe收购Macromedia之前，它已经是最著名的SVG的推动者。长期以来，Illustrator对SVG支持得很好。然而，它输出的SVG经常显出一些怪癖，导致有必要为普适性而进行后续处理。</p>
<h2 id="Apache_Batik">Apache Batik</h2>
<p>URL: <a class="external" href="http://xmlgraphics.apache.org/batik/">xmlgraphics.apache.org/batik/</a></p>
<p>Batik是Apache软件基金会支持下的一个开源工具集。这个工具包是用Java写的，提供了相当完整的SVG 1.1支持，而且还有很多源自于SVG 1.2计划的功能。</p>
<p>除了查看器（Squiggle）以及输出为PNG的光栅化输出，Batik还提供了一个SVG完美打印机以格式化SVG文件，以及一个TrueType字体到SVG字体的转换器。</p>
<p>与<a class="external" href="http://xmlgraphics.apache.org/fop/">Apache FOP</a>联用，Batki还可以把SVG转换成PDF。</p>
<h3 id="其它呈现器">其它呈现器</h3>
<p>要想从一个SVG源创建一个光栅图像，存在很多个项目。<a class="external" href="http://ImageMagick.org">ImageMagick</a>是最著名的命名行图象处理工具之一。Wikipedia所用到的Gnome库<a class="external" href="http://library.gnome.org/devel/rsvg/">rsvg</a>能把它们的SVG图形光栅化。</p>
<h2 id="Raphael_JS">Raphael JS</h2>
<p>URL: <a class="external" href="http://raphaeljs.com/">raphaeljs.com</a></p>
<p>这是一个JavaScript库，表现为浏览器编译器之间的一个抽像层。特别老的Internet Explorer版本可以用生成的VML支持。VML，一种矢量标记语言，它是SVG的两个祖先之一，从IE 5.5以来就存在了。</p>
<h2 id="Google_Docs">Google Docs</h2>
<p>URL: <a class="external" href="http://www.google.com/google-d-s/drawings/">www.google.com/google-d-s/drawings/</a></p>
<p>从Google Docs绘制，可以被输出为SVG。</p>
<h2 id="Science">Science</h2>
<p>这两个名声很响的策划工具xfig和gnuplot都支持导出为SVG。为了在web上呈现图像， <a href="http://jsxgraph.uni-bayreuth.de/wp/">JSXGraph</a>支持VML、SVG和canvas，基于浏览器的功能，自动决定使用哪种技术。</p>
<p>在GIS（地理图形信息系统）应用中，SVG是常用的存储和呈现格式。请阅读<a class="external" href="http://carto.net">carto.net</a>以了解详情。</p>
<h2 id="更多工具">更多工具</h2>
<p>W3C提供了一个支持SVG的<a href="http://www.w3.org/Graphics/SVG/WG/wiki/Implementations">程序列表</a>。</p>
<p>{{ PreviousNext("Web/SVG/Tutorial/SVG_Image_Tag") }}</p>
|
