SVG 入门

可缩放矢量图形（SVG）是用于绘制矢量图像的 W3C 标准 。

这是一个简单的独立 SVG 文件：

<svg xmlns="http://www.w3.org/2000/svg">
    <circle cx="50" cy="50" r="25" fill="blue"/>
</svg>

SVG 也可以嵌入 HTML 中，在这种情况下，不需要 xmlns 属性。

其他图形元素是：

• <line>
• <ellipse>
• <path>
• <polygon> 和 <polyline>
• <text> 包括 <tspan> 和 <textPath> 等子元素

CSS 用于样式，虽然并非所有 CSS 属性都适用于 SVG，SVG 本身定义了一些特定属性，如 fill 和 stroke，这些属性在别处没有使用。

形状可以用渐变或图案填充，并且可以使用滤镜实现额外的光栅效果。

通过使用上述图形元素作为剪辑路径，可以进行剪切。

关于 W3C SVG 标准的版本：

• 当前版本是 SVG 1.1（第二版）
• W3C 目前正在制定 SVG 2 草案