A especificação do SVG permite que objetos gráficos sejam definidos para reuso posteriormente. Recomenda-se que, sempre que possível, os elementos referenciados sejam definidos dentro da tag defs. A definição destes elementos dentro de uma tag defs promove o entendimento do conteúdo do SVG e, consequentemente, promove a acessibilidade. Elementos gráficos definidos dentro da tag defs não serão diretamente renderizados. Você pode utilizar a tag <use> para renderizar tais elementos na janela de visualização.
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="80px" height="30px" viewBox="0 0 80 30"
xmlns="https://www.w3.org/2000/svg">
<defs>
<linearGradient id="Gradient01">
<stop offset="20%" stop-color="#39F" />
<stop offset="90%" stop-color="#F3F" />
</linearGradient>
</defs>
<rect x="10" y="10" width="60" height="10"
fill="url(#Gradient01)" />
</svg>
Atributos
Atributos globais
- Atributos de processamento condicional »
- Atributos centrais »
- Atributos de eventos gráficos »
- Atributos de apresentação »
classstyleexternalResourcesRequiredtransform
Atributos específicos
Não existem atributos específicos
DOM Interface
Este elemento implementa a interface SVGDefsElement.
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.
Veja também
Etiquetas do documento e colaboradores
Etiquetas:
Colaboradores desta página:
Sebastianz,
caio
Última atualização por:
Sebastianz,