文字與中文排版
SVG 不會自動換行。教材圖的標題、兩行標籤、右側直排,都要自己用 <text>、<tspan> 與 writing-mode 排。這是本站相對於 MDN 一般教學多寫的一塊。
這個分類有什麼
官方學習資源
MDN 關鍵頁
請對照 <text>、<tspan>、writing-mode、text-anchor、dominant-baseline。MDN 幾乎沒有中文教材圖案例,要自己組合。
影音
路徑文字與捲動動畫可看 SVG textPath 教學;基礎文字仍建議先讀本分類再看影片。