- 可伸缩向量图形概述
可伸缩向量图形(SVG)图像是一种使用基于 XML 的文本信息创建图像的方法。这些图像可以由简单的形状(如矩形、圆)或用数学方法指定的更复杂的路径组成。然后可以将这些图像嵌入在 Web 页面中,SVG 查看器可以在那里解释它们。
可以通过滤镜操纵属于 SVG 图像一部分的对象,以允许复杂的成像效果并且为动态创建的图形和动画提供基础。
本教程对 SVG 作了介绍,包括以下内容:
* 创建基本文档
* 形状
* 路径
* 文本处理
* 样式
* 颜色
* 图案
* 动画和脚本编制(简短介绍)
- 参考资料
可伸缩向量图形提供了如此之多的功能,因此要在一个教程中全部介绍它们是不可能的。有关 SVG 及相关主题的更多信息,请参阅以下参考资料:
要理解 XML 如何工作,请查看 developerWorks 教程 Introduction to XML。
有关 SVG 功能和属性的完整列表,请参阅万维网联盟Scalable Vector Graphics 1.0 建议书 。
SVG 的好处之一是可以在不同平台(包括手持设备)上创建图像的能力。要了解用于这一方面可能的 SVG 子集,请在 Mobile SVG: SVGTiny and SVGBasic 中查看 W3C 对用于小型手持设备 SVG 版本的观点。
Doug Tidwell 在他的教程 Transforming XML into SVG 中讨论了如何从其它数据生成 SVG 图像,该教程是他对使用“可扩展样式表语言变换”来变换 XML 的研究的一部分。
新的 SVG 工具正迅速涌现。要了解到 2001 年 11 月为止 SVG 工具的情况,请参阅 Antoine Quint 的文章 SVG: Where Are We Now?
有关 SVG 基础的另一个介绍,请参阅 J. David Eisenberg 撰写的 An Introduction to Scalable Vector Graphics 。
Kip Hampton 在他的文章 Creating Scalable Vector Graphics with Perl 中研究了如何使用 CGI 生成 SVG 图像。
试试能够轻松提供动态电子商务应用程序的新的 IBM WebSphere Studio 开发环境。
Jackson West 撰写的 Real-world SVG 讨论了 SVG 使用中一些实践多于理论的方面。
Adobe 在 SVG Zone 中收集了大量令人印象深刻的教程和样本。
从 W3C 建议书获取认可的颜色关键字 ,那会为您节省一些时间。
- 下载
从 http://www.alphaworks.ibm.com/tech/svgview 下载 IBM 原型 SVGView。
从 http://www.adobe.com/svg/viewer/install/main.html 下载 Adobe SVG Viewer(版本 3.0)。
从 http://xml.apache.org/batik/index.html 下载 Apache 项目中的 Batik SVG 查看器和工具箱。
从 http://www.svgfactory.com 下载 SVG 转换器。
从 http://www.jasc.com/products/webdraw/wdrawdl.asp 下载 Jasc 的 WebDraw。