SVG 的群組- g 與定義圖形- defs

標籤: SVG

在 svg 如果有圖形要重複使用的話我們可以使用 use,可是這個範例用起來需要先把每個圖排好後再去複製,要重複用的話就需要重新調整相對位置,如果要更有彈性且方便的應用的話,我們可以使用 defs 這個標籤把要重複使用的定義起來,這樣原始圖片就不會出現在 svg,接下來我們要用的時候再去呼叫就好了。

g 的標籤則是類似 ps 或 ai 裡面可以把物件或圖層群組起來的功能,使用的時候本身並不會在頁面上產生新的內容,但可以善用這個標籤幫我們處理一些 svg 的圖形。