SVG

准备开始吧！
这篇教程会帮助你开始使用 SVG。

可缩放矢量图形（Scalable Vector Graphics，SVG），是一种用于描述基于二维的矢量图形的，基于 XML 的标记语言。本质上，SVG 相对于图像，就好比 HTML 相对于文本。

SVG 是一个基于文本的开放 Web 标准。它的设计明确地保证它与 CSS、DOM，以及 SMIL 等其他Web标准一同运作。

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

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 产品中的实现情况.

查看全部...

社区

工具

动画与交互

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

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

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

文档标签和贡献者

标签： 
此页面的贡献者： RainSlide, pluwen, LalaChu, simongfxu, fanxiaojie, Metalooze, lunix01, charlie, johncido, cuixiping, huguowei, teoli, xcffl, LIXer
最后编辑者: RainSlide,