--- title: g slug: Web/SVG/Element/g tags: - Contenedor - Contenedor SVG - Elemento - Referencia - SVG translation_of: Web/SVG/Element/g ---
g
es un contenedor usado para agrupar objetos. Las transformaciones aplicadas al elemento g
son realizadas sobre todos los elementos hijos del mismo. Los atributos aplicados son heredados por los elementos hijos. Además, puede ser usado para definir objetos complejos que pueden luego ser referenciados con el elemento {{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("Ejemplo",220,130)}}
No hay atributos específicos
Este elemento implementa la interfaz SVGGElement
.
Característica | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Soporte Básico | 1.0 | {{CompatGeckoDesktop('1.8')}} | {{CompatIE('9.0')}} | {{CompatOpera('8.0')}} | {{CompatSafari('3.0.4')}} |
Característica | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Soporte Básico | {{CompatAndroid('3.0')}} | {{CompatGeckoMobile('1.8')}} | {{CompatNo}} | {{CompatVersionUnknown}} | {{CompatSafari('3.0.4')}} |
La tabla está basada en these sources.