defs

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

Exemplo

<svg width="80px" height="30px" viewBox="0 0 80 30"
     xmlns="http://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 específicos

Não existem atributos específicos

DOM Interface

Este elemento implementa a interface SVGDefsElement.

Compatibilidade com navegadores

BCD tables only load in the browser

Veja também