g

Este articulo necesita una revisión técnica. Cómo puedes ayudar.

Este articulo necesita una revisión editorial. Cómo puedes ayudar.

Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

El elemento 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 <use>.
 

Contexto de uso

CategoriasElemento contenedor, Elemento estructural
Contenido permitidoCualquier número de los siguientes elementos, en cualquier orden:
Elementos de animación
Elementos descriptivos
Shape elements
Elementos estructurales
Gradient elements
<a>, <altGlyphDef>, <clipPath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignObject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view>

Ejemplo

<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>

Atributos

Atributos globales

Atributos Específicos

No hay atributos específicos

Interfaz DOM

Este elemento implementa la interfaz SVGGElement.

Compatibilidad con navegadores

Característica Chrome Firefox (Gecko) Internet Explorer Opera Safari
Soporte Básico 1.0 1.5 (1.8) 9.0 8.0 3.0.4
Característica Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Soporte Básico 3.0 1.0 (1.8) Not supported (Yes) 3.0.4

La tabla está basada en these sources.

Etiquetas y colaboradores del documento

 Colaboradores en esta página: teoli, Sebastianz, FrankzWolf
 Última actualización por: teoli,