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

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

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

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

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

文档

SVG 元素参考
了解所有 SVG 元素的细节。
SVG 属性参考
了解所有 SVG 属性的细节.
SVG DOM 接口参考
了解有关 SVG DOM API 的全部细节。
在 HTML 内容中应用 SVG 效果
SVG与 HTMLCSSJavaScript一起工作,使用 SVG 增强常规 HTML 页面和web 应用
SVG 与 Mozilla
SVG 在 Mozilla 产品中的实现情况.

查看全部...

社区

工具

动画与交互

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

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

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

文档标签和贡献者

最后编辑者: mdnwebdocs-bot,