可缩放矢量图形（SVG）是新一代具有突破性的、用于计算机图像的图形和动画技术，它使设计人员能够创建装载迅速的Web图形，并在Web浏览器、手持设备或者移动电话上显示。本书介绍了SVG的基本知识，通过具体的实例，演示了如何创建、修改和实现真正可用的SVG图形，为图形设计人员掌握它的众多应用提供了实用易懂的指导。
本书内容由浅入深，例子丰富，适合于有一定XML基础的图形设计人员。
SVG(Scalable Vector Graphics)是新一代具有突破性的计算机图形和动画技术，也是一种基于XML的标准开放的矢量图像格式。利用这种格式创建的Web图形不仅更加精彩、细致，而且载入迅速，并且还可以在Web浏览器、手持设备或移动电话上显示。同时使用简单的文本命令，SVG还可以做出诸如色彩线性变化、自定义置入字体、透明效果、滤镜效果等各式常见的图像效果。
本书充分展示了这项技术，为图形设计人员掌握SVG的众多应用提供实用的指导。通过本书，不仅可以了解到为什么基于SVG的图形和网页可以节约大量的时间和金钱，而且还可以了解到未来彻底改变Web图形表达信息的方式是什么。无论是将SVG用于出版、图形艺术、网页设计还是其他方面，都能够充分利用SVG的开放标准平台以及与分辨率无关的技术优势。
本书带你探索如下的SVG图形世界：
·SVG是基于XML的图像，可以在任意大小的屏幕上浏览
·利用SVG的快速载入优势，可以弥补像JPEG和GIF这样的Web位图的不足
·利用现有的软件，像Illustrator、CorelDRAW、Flash等就可以创建、修改和实现SVG 图像
·在网上传送多媒体信息的不仅仅有Flash格式
·对许多类型的插图和艺术作品来说，使用SVG可以获得更好的质量和更高的精确度
本书详细介绍SVG这项重要的新技术。顾名思义，本书专门针对需要为Web创建素材的图形艺术专业人员。当这种新的图形格式获得认可后，设计人员和专业开发人员就需要了解在他们的设计中如何生成和使用SVG图形，并且要求他们将SVG集成到内容管理和Web自动控制系统中。
本书为你提供了需要完成这些任务的信息，显示了SVG背后的代码结构以及可以用来在Web和其他应用程序中创建、修改、实现SVG图形的工具。我们已经假定你将要使用你习惯的工具和工作流程，因此本书的重点在于使用你很熟悉的常见流行工具，同时也介绍了某些专用的工具，而这些工具可能会改进性能和提高工作效率。
本书面向Web设计人员和绘图人员，这些人需要紧跟快速变化的Web技术。可能有人正在寻求为什么以及如何在工作中使用SVG，但又不想吃力地读完一本百科全书式的有关该技术的指南。在本书中，你将会找到需要紧追的应用。
本书分为三个截然不同但又彼此相关的部分。第一部分“了解SVG”，向你介绍SVG，介绍如何使用它，以及它针对Web站点开发的优势。然后描述了SVG的技术基础，向你介绍了可扩展标记语言（eXtensible Markup Language，XML），以及XML如何作为SVG的基础。在这一部分结束时，你将能够创建、修改、查看基本的SVG文件以及排除错误。
第二部分“创建SVG图形”，是本书的真正核心。将一步步带你学习SVG的特性以及绘图应用程序，例如Adobe Illustrator和CorelDRAW的常用功能。本书假设读者在此之前已有一些使用这些工具的经验，但是不熟悉使用这些工具创建SVG文件。它还介绍了一些创建SVG的专门工具，例如JASC的WebDraw。在这一部分结束时，你将可以创建复杂的、具有专业水准的SVG图形。
在介绍创建SVG图形的工具之后，本书的第三部分“SVG应用—Flash、Web设计和动态SVG”，继续提供使用SVG必要的实际环境。它首先针对可能是你心目中最重要的那些问题—如何比较SVG与Flash，以及什么时候应使用SVG，什么时候应使用Flash？然后它带你了解如何建立结合SVG网页的基础知识，以及你如何建立完全由SVG构成的网页。接着，我们讨论了可以用于自动生成SVG的一组产品（如果你要使用这些产品的话，它们应是用于服务器端的），并且非常详尽地介绍了其中三种产品的功能。最后，展望了SVG的未来。
附录详细介绍了SVG语法，以及在本书中使用的所有源文件的清单。所有这些补充资料也可以在线得到（www.svgfordesigners.com）。在我们编写本书时，我们始终将专业图形艺术人员的想法记在心中，而且我们认为本书最有用的特点就是大量的实用代码示例，读者可以使用这些代码、修改它们并创建你自己的内容，然后抛开它们。我们完全相信，本书将提供你所需要的理论和实践的背景知识，使你开始使用并有效率地使用SVG这种令人兴奋的新兴技术。
（美）Bill Trippe, Kate Binder：暂无简介
高伟 英宇：暂无简介
随着近年来Web的蓬勃发展，大量与Web相关的技术迅速涌现，极大地改变了人们的生产和生活方式。XML则是其中最重要的Web技术之一。而可缩放矢量图形（Scalable Vector Graphics，SVG）就是基于XML的一项新兴技术。它是新一代用于计算机图像的图形和动画技术，可以令设计人员创建载入迅速的Web图形，并能够通过Web浏览器、手持设备或者移动电话查看这些图形。作为一项基于XML的开放标准的技术，SVG的应用将彻底改变以往网页和图形枯燥乏味的显示方式和生硬的用户交互能力。
本书充分展示了这项技术及其美好的应用前景，为图形设计人员提供了实用易懂的指导。读者从中不仅可以了解为什么基于SVG的图形可以节省大量的时间和金钱，改善网页的质量，并且还可以了解到未来彻底改变Web图形表达信息的方式是什么。无论你属于出版、图形艺术还是Web设计领域，都能够以最小的代价，充分利用SVG开放的标准平台以及与分辨率无关的技术。
本书包括三个部分。第一部分介绍SVG的基础知识，包括SVG的特性和优势，同时也介绍XML的基本常识和SVG文件的结构。第二部分，通过具体的实例，分别介绍三种用于创建SVG图形的工具，以及一些其他有用的工具。第三部分结合实际的应用环境，对SVG和SWF进行比较，通过比较给出了在什么时候使用哪种格式的建议。同时还演示了使用三种商业版本的工具软件创建实际的SVG图形。最后展望了SVG及相关技术的未来发展趋势。
本书可以指导你一步步创建引人入胜的Web图形。翔实的内容将帮助你了解可缩放矢量图形背后的代码结构，并介绍了如何创建、修改和实现Web上的SVG图形。对于任何需要了解SVG基础和实用知识的图形设计人员及SVG爱好者来说，本书具有较高的实用参考价值。
本书由高伟、英宇翻译，参与翻译工作的人员还有李明、谢君英、阳爱军、武堂、杜芳。由于翻译时间仓促，且译者经验和水平有限，译文难免有不妥和疏漏之处。敬请广大读者谅解并指正。
高 伟
2002年11月
第一部分 了解SVG
第1章 SVG标准 2
1.1 将矢量图形引入Web 4
1.1.1 一个假想的SVG应用 4
1.1.2 SVG的潜在影响 8
1.2 SVG的优势 8
1.2.1 质量和性能的优势 9
1.2.2 SVG和数字化图形 10
1.2.3 SVG和交互式图形 11
1.2.4 SVG和个性化图形 11
1.3 潜在的应用 12
1.4 结论 13
第2章 了解XML 15
2.1 XML简介 15
2.1.1 XML与HTML 16
2.1.2 XML超越HTML的优势 17
2.1.3 了解XML和样式表 19
2.1.4 了解命名空间 24
2.2 揭开SVG文件的面纱 25
2.2.1 主要的标签，包括<svg>，<g>，
<text>和<style> 26
2.2.2 一些简单的SVG实例 27
2.2.3 创建并显示一个SVG文件 29
第二部分 创建SVG图像
第3章 使用Jasc WebDraw创建SVG图像 34
3.1 关于绘图软件 34
3.2 WebDraw基础 35
3.2.1 WebDraw工作区 35
3.2.2 使用WebDraw的工具 41
3.3 在WebDraw中使用SVG图像 43
3.3.1 打开SVG图像 43
3.3.2 创建SVG图像 44
3.3.3 使用颜色、渐变和图案填充对象 45
3.3.4 在图中增加文本和光栅图像 48
3.3.5 应用滤镜效果和变换 50
3.3.6 增加动画 54
3.3.7 保存SVG图像 55
第4章 使用Adobe Illustrator创建SVG图像 56
4.1 Illustrator基础 56
4.1.1 Illustrator工作区 56
4.1.2 绘制对象 61
4.1.3 使用滤镜和效果 65
4.1.4 使用类型 66
4.1.5 排列对象 69
4.1.6 利用样本、样式和图符节省时间 71
4.2 在Illustrator中使用SVG图像 73
4.2.1 打开SVG图像 73
4.2.2 增加SVG特性 73
4.2.3 保存SVG图像 77
4.2.4 使用SVG的原则 79
第5章 使用CorelDRAW创建SVG图像 80
5.1 CorelDRAW基础 80
5.1.1 CorelDRAW工作区 80
5.1.2 绘制对象 85
5.1.3 使用类型 88
5.1.4 使用滤镜和效果 90
5.1.5 排列对象 92
5.2 在CorelDRAW中导入及导出SVG图像 92
5.2.1 打开SVG图像 93
5.2.2 导出SVG图像 93
第6章 使用其他绘图软件创建SVG图像 96
6.1 使用Mayura Draw进行设计 96
6.2 使用Virtual Mechanics的IMS Web Engine
进行设计 98
6.3 使用XML Spy进行设计 101
6.4 值得注意的其他工具 102
6.4.1 SVG Studio 102
6.4.2 GraPL 102
6.4.3 Oak Draw 103
6.4.4 IsoDraw 103
6.4.5 SVGmaker 103
6.4.6 Batik SVG工具包 103
6.4.7 Plazmic Workshop Start 104
第三部分 SVG应用——Flash、Web
设计和动态SVG
第7章 Flash设计人员眼中的SVG 106
7.1 不同之处是什么 106
7.1.1 所有权 106
7.1.2 可访问性 108
7.1.3 互操作性 109
7.1.4 可伸缩性 109
7.1.5 工作流 110
7.2 你应当使用哪一种格式 110
7.2.1 何时选择SVG 110
7.2.2 何时选择SWF 111
7.3 从SVG到Flash或反之 111
第8章 在Web网站中结合SVG 113
8.1 SVG和浏览器基础 113
8.1.1 简单示例：在HTML页面中嵌入SVG 115
8.1.2 使用对象元素 117
8.1.3 一些实际考虑 120
8.2 W3C的Amaya 120
8.2.1 使用Amaya浏览SVG图像 120
8.2.2 使用Amaya编辑器 124
8.3 Adobe GoLive 126
8.4 Web浏览器对SVG的支持 128
第9章 快速生成SVG 129
9.1 Adobe AlterCast 130
9.1.1 产品需求 130
9.1.2 使用AlterCast 130
9.1.3 AlterCast小结 137
9.2 GraPL.net 138
9.2.1 产品需求 138
9.2.2 使用GraPL.net 138
9.2.3 GraPL.net小结 145
9.3 Savage软件：DataSlinger 145
9.3.1 产品需求 145
9.3.2 使用DataSlinger 146
9.3.3 DataSlinger小结 150
9.4 结论 151
第10章 SVG的未来 152
10.1 SVG和相关的W3C成果 154
10.2 SVG工具及发展趋势 156
10.3 其他未来发展趋势 157
10.4 结论 160
第四部分 附 录
附录A 深入了解SVG语法 164
附录B 实例文件 182
