SVG 教程

每章示例

使用我们的“自己尝试”编辑器，您可以编辑 SVG，然后单击按钮查看结果。

您应该已经知道的内容

在继续之前，您应该对以下内容有一些基本的了解：

• HTML
• 基本 XML

如果你想先学习这些科目，可以查看我们的 主页.

什么是 SVG？

• SVG 代表可缩放矢量图形
• SVG 用于定义 Web 上的矢量图形
• SVG 以 XML 格式定义图形
• SVG 文件中的每个元素和每个属性都可以动画化
• SVG 是 W3C 推荐的
• SVG 与其他 W3C 标准（如 DOM 和 XSL）集成

SVG 是 W3C 推荐标准

SVG 1.0 于 2001 年 9 月 4 日成为 W3C 推荐标准。

SVG 1.1 于 2003 年 1 月 14 日成为 W3C 推荐标准。

SVG 1.1（第二版）于 2011 年 8 月 16 日成为 W3C 推荐标准。

SVG 优势

与其他图像格式（如 JPEG 和 GIF）相比，使用 SVG 的优点是：

• 可以使用任何文本编辑器创建和编辑 SVG 图像
• SVG 图像可以被搜索、索引、脚本化和压缩
• SVG 图像可缩放
• SVG 图像可以以任意分辨率高质量打印
• SVG 图像可缩放
• SVG 图形在缩放或调整大小时不会损失任何质量
• SVG 是一个开放标准
• SVG 文件是纯 XML

创建 SVG 图像

SVG 图像可以用任何文本编辑器创建，但使用绘图程序创建 SVG 图像通常更方便，例如 Inkscape.