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
| Categorias | Elemento contenedor, Elemento estructural |
|---|---|
| Contenido permitido | Cualquier 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="https://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
- Conditional processing attributes »
- Core attributes »
- Graphical event attributes »
- Presentation attributes »
classstyleexternalResourcesRequiredtransform
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) | No support | (Yes) | 3.0.4 |
La tabla está basada en these sources.