建立 2026-09-14 更新 2026-09-14

基本圖形

大多數教材圖都是這幾種零件的組合：矩形當底、圓當節點、直線與多邊形當區塊，複雜輪廓才上 <path>。

這個分類有什麼

基本形狀：<rect>、<circle>、<ellipse>、<line>、<polyline>、<polygon>，以及 fill / stroke
路徑 Path：d 指令、直線、弧與貝茲曲線

MDN

Basic shapes 與 Paths 是本分類的官方對照。

影音

Learn SVG through 24 examples 從形狀一路畫到曲線，適合本分類看完再實作。