O elemento g
é um recipiente utilizado para agrupar objetos. Transformações aplicadas no elemento g
são repassadas para todos os seus elementos filhos. Atributos também são herdados por elementos filhos. Além disso, pode ser utilizado para definir objetos complexos que poderão ser referenciados mais tarde pelo elemento <use>
.
Contexto de uso
Categorias | Elemento recipiente, elemento estrutural |
---|---|
Conteúdo permitido | Qualquer número dos seguintes elementos, em qualquer ordem: Elementos de animação Elementos descritivos Elementos de forma Elementos estruturais Elementos de gradiente <a> , <altGlyphDef> , <clipPath> , <color-profile> , <cursor> , <filter> , <font> , <font-face> , <foreignObject> , <image> , <marker> , <mask> , <pattern> , <script> , <style> , <switch> , <text> , <view> |
Exemplo
<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 globais
- Atributos de processamento condicional »
- Atributos principais »
- Atributos de eventos gráficos »
- Atributos de apresentação »
class
style
externalResourcesRequired
transform
Atributos específicos
There is no specific attributes
Interface DOM
Este elemento implementa a interface do SVGGElement
.
Compatibilidade dos navegadores
Recurso | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Suporte básico | 1.0 | 1.5 (1.8) | 9.0 | 8.0 | 3.0.4 |
Recurso | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Suporte básico | 3.0 | 1.0 (1.8) | Não suportado | (Yes) | 3.0.4 |
A tabela é baseada nessas fontes.