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 草案