SVG：可缩放矢量图形

SVG 入门

可缩放矢量图形 (SVG) 是一个基于 XML 的标记语言，用于描述二维的 矢量图形.

因此，它是一个基于文本的开放式 Web 标准，用于描述图像，这些图像可以在任何尺寸下干净地渲染，并且专门设计用于与其他 Web 标准（包括 CSS、DOM、JavaScript 和 SMIL）一起很好地工作。 从本质上讲，SVG 之于图形，如同 HTML 之于文本。

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

与经典的位图图像格式（如 JPEG 或 PNG）相比，SVG 格式的矢量图像可以在任何尺寸下渲染而不会损失质量，并且可以通过更新其中的文本轻松地本地化，而无需使用图形编辑器来进行本地化。 使用合适的库，SVG 文件甚至可以动态地本地化。

SVG 自 1999 年以来一直在由 万维网联盟 (W3C) 开发。

另请参见 SVG 教程.

文档

SVG 元素参考

有关每个 SVG 元素的详细信息。

SVG 属性参考

有关每个 SVG 属性的详细信息。

SVG DOM 接口参考

有关 SVG DOM API 的详细信息，用于与 JavaScript 交互。

将 SVG 效果应用于 HTML 内容

SVG 与 HTML、CSS 和 JavaScript 协同工作。

工具

示例