<g>

<g> SVG 元素是一个用于对其他 SVG 元素进行分组的容器。

应用于 <g> 元素的转换将对其子元素执行,并且其属性将由其子元素继承。它还可以对多个元素进行分组,以便稍后使用 <use> 元素进行引用。

示例

html
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <!-- Using g to inherit presentation attributes -->
  <g fill="white" stroke="green" stroke-width="5">
    <circle cx="40" cy="40" r="25" />
    <circle cx="60" cy="60" r="25" />
  </g>
</svg>

使用上下文

类别容器元素、结构元素
允许内容任意数量的以下元素,以任意顺序
动画元素
描述性元素
形状元素
结构元素
渐变元素
<a><clipPath><cursor><filter><font><font-face><foreignObject><image><marker><mask><pattern><script><style><switch><text><view>

规范

规范
可缩放矢量图形 (SVG) 2
# GElement

浏览器兼容性

BCD 表格仅在浏览器中加载