SVG 编辑

可缩放矢量图形（Scalable Vector Graphics，SVG），是一种用于描述二维的矢量图形，基于 XML 的标记语言。作为一个基于文本的开放网络标准，SVG能够优雅而简洁地渲染不同大小的图形，并和CSS，DOM，JavaScript和SMIL等其他网络标准无缝衔接。本质上，SVG 相对于图像，就好比 HTML 相对于文本。

SVG 图像及其相关行为被定义于 XML 文本文件之中，这意味着可以对它们进行搜索、索引、编写脚本以及压缩。此外，这也意味着可以使用任何文本编辑器和绘图软件来创建和编辑它们。

和传统的点阵图像模式，像JPEG和PNG不同，SVG格式提供的是矢量图，这意味着它的图像能够被无限放大而不失真或降低质量，并且可以方便地修改内容。

SVG 是由万维网联盟（W3C）自 1999 年开始开发的开放标准。

文档

SVG 元素参考

了解所有 SVG 元素的细节。

SVG 属性参考

了解所有 SVG 属性的细节.

SVG DOM 接口参考

了解有关 SVG DOM API 的全部细节。

在 HTML 内容中应用 SVG 效果

SVG与 HTML、CSS 和 JavaScript一起工作，使用 SVG 增强常规 HTML 页面和web 应用。

SVG 与 Mozilla

SVG 在 Mozilla 产品中的实现情况.

• Firefox 中 SVG 实现情况
• SVG 教程
• 在 HTML 中使用 SVG

社区

• 浏览 Mozilla 论坛… 
  • 邮件列表
  • 新闻组
  • Web feed

工具

• SVG 测试套件
• SVG 语法校验工具
• 更多工具…
• 其他资源：XML、CSS、DOM、Canvas

实例

• Google 地图 (route overlay) & 文档 (电子表格图表)
• SVG 气泡菜单
• SVG 创作指导方针
• Mozilla SVG 项目概览
• SVG 与 Mozilla 之间的常见问题
• SVG Open 2009 上 SVG 和 Mozilla 主题的幻灯片和范例
• SVG as an image
• SVG animation with SMIL
• SVG 艺术画廊
• Lion、Butterfly & Tiger
• 更多实例（SVG Samples croczilla.com、carto.net）

动画与交互

        正如 HTML 一样，SVG 也有可被 JavaScript 访问的文档对象模型（DOM）和事件。这允许开发者创建丰富的动画和可交互的图像。

• 一些真正赏心悦目的 SVG  svg-wow.org
• 一个能为浏览器添加 SMIL 子集支持的 Firefox 扩展（Grafox）
• 交互式图片操作
• 当 HTML transformations 使用 SVG 的 foreignObject
• 动画艺术

地图、图表、游戏以及3D体验

        少许的 SVG 即可极大地丰富网页内容，下面是一些大量使用 SVG 的范例。

• Tetris
• Connect 4
• US population map
• 3D box & 3D boxes
• jVectorMap（交互式数据可视化地图）
• JointJS（JavaScript 图表库）