这篇翻译不完整。请帮忙从英语翻译这篇文章。
准备开始了！
这篇教程会帮你开始学习SVG.
这篇教程会帮你开始学习SVG.
可缩放矢量图形（Scalable Vector Graphics，SVG)，是一种用来描述二维矢量图形的XML 标记语言。 简单地说，SVG面向图形，XHTML面向文本。
SVG与Flash类似，都是用于二维矢量图形，二者的区别在于，SVG是一个W3C标准，基于XML，是开放的，而Flash是封闭的基于二进制格式的。因为都是W3C标准，SVG与其他的W3C标准，比如CSS, DOM和SMIL等能够协同工作。
文档
- SVG元素参考
- 获取有关每个SVG元素的细节。
- SVG属性参考
- 获取每个有关SVG attribute的细节.
- SVG DOM API 参考
- 获取有关SVG DOM API的全部细节.
- 增强HTML内容
- SVG与HTML, CSS 和 JavaScript一起工作，使用SVG增强普通HTML页面和web应用。
- SVG in Mozilla
- SVG在Mozilla产品中的实现情况.
社区
- 查看Mozilla论坛...
工具
- SVG Test Suite
- SVG Validator (Discontinued)
- More Tools...
- 其他资源: XML, CSS, DOM, Canvas
实例
- Google Maps (route overlay) & Docs (spreadsheet charting)
- SVG bubble menus
- SVG authoring guidelines
- An overview of the Mozilla SVG Project
- Frequently asked questions regarding SVG and Mozilla
- Slides and demos from talk on SVG and Mozilla at SVG Open 2009
- SVG as an image
- SVG animation with SMIL
- Lion, Butterfly & Tiger
- SVG art gallery
- More samples (SVG Samples croczilla.com, carto.net)
动画与交互行为
Like HTML, SVG has a document model (DOM), events and is accessible from JavaScript. This allows developers to create rich animations and interactive images.
- Some real eye-candy SVG at svg-wow.org
- Firefox extension (Grafox) to add a subset of SMIL animation support
- Interactive photos manipulation
- HTML transformations using SVG's
foreignObject - Animated art
地图、图表、游戏与3D体验
While a little SVG can go a long way to enhanced web content, here are some examples of heavy SVG usage.
- An SVG Tetris & Connect 4
- Find the State 游戏
- US popuplation map
- 3D box & 3D boxes
- jVectorMap (数据可视化的交互式地图)
译注：旧的SVG文档请参见：https://developer.mozilla.org/zh-CN/docs/SVG_old