--- title: g slug: Web/SVG/Element/g tags: - SVG - SVG容器 - 元素 - 参考 translation_of: Web/SVG/Element/g ---
元素g
是用来组合对象的容器。添加到g
元素上的变换会应用到其所有的子元素上。添加到g
元素的属性会被其所有的子元素继承。此外,g
元素也可以用来定义复杂的对象,之后可以通过{{SVGElement("use")}}元素来引用它们。
{{svginfo}}
<svg width="100%" height="100%" viewBox="0 0 95 50" xmlns="http://www.w3.org/2000/svg"> <g stroke="green" fill="white" stroke-width="5"> <circle cx="25" cy="25" r="15" /> <circle cx="40" cy="25" r="15" /> <circle cx="55" cy="25" r="15" /> <circle cx="70" cy="25" r="15" /> </g> </svg>
{{EmbedLiveSample("Example",220,130)}}
没有专有属性。
该元素实现了SVGGElement的所有接口
.