SVG:可缩放矢量图形

SVG 入门

¥Getting Started with SVG

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

¥Scalable Vector Graphics (SVG) is an XML-based markup language for describing two-dimensional based vector graphics.

因此，它是一种基于文本的开放式 Web 标准，用于描述可以以任何尺寸清晰呈现的图片，并且专门设计用于与其他 Web 标准（包括 CSS、DOM、JavaScript 和 SMIL）良好配合。SVG 对于图形来说本质上就像 HTML 对于文本一样。

¥As such, it's a text-based, open Web standard for describing images that can be rendered cleanly at any size and are designed specifically to work well with other web standards including CSS, DOM, JavaScript, and SMIL. SVG is, essentially, to graphics what HTML is to text.

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

¥SVG images and their related behaviors are defined in XML text files, which means they can be searched, indexed, scripted, and compressed. Additionally, this means they can be created and edited with any text editor or with drawing software.

与经典的位图图片格式（例如 JPEG 或 PNG）相比，SVG 格式的矢量图片可以以任何尺寸渲染而不会降低质量，并且可以通过更新其中的文本轻松本地化，而无需图形编辑器来执行此操作。通过适当的库，SVG 文件甚至可以即时本地化。

¥Compared to classic bitmapped image formats such as JPEG or PNG, SVG-format vector images can be rendered at any size without loss of quality and can be easily localized by updating the text within them, without the need of a graphical editor to do so. With proper libraries, SVG files can even be localized on-the-fly.

SVG 由 万维网联盟 (W3C) 自 1999 年开始开发。

¥SVG has been developed by the World Wide Web Consortium (W3C) since 1999.

另请参见，SVG 教程。

¥See also, SVG Tutorial.

文档

¥Documentation

SVG 元素参考

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

SVG 属性参考

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

SVG DOM 接口参考

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

将 SVG 效果应用于 HTML 内容

SVG 与 HTML、CSS 和 JavaScript 一起使用。

工具

¥Tools

示例

¥Examples