[SVG] 8. g 將多個元素群組化

使用 svg 中的 g 元素,將多個單一元素,整個群組化起來。

概念

這概念與 html 的 div 標籤意思相同,可以將多個元素,用 <g> 標籤一起群組化,再設定一些其它客製化的效果。

簡易用法如下:

<g>
  // 這裡放置其它 svg 元素。
</g>

範例

如下咖啡色、黃色這兩個矩形,就是用 <g> 元素群組化起來。

See the Pen svg g 元素 by CarlosStudio (@carlos411) on CodePen.

您可在此處留言

avatar

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料

  Subscribe  
Notify of