We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

O conteúdo textual para o <text> podem ser dados de caracteres diretamente embedados com o elemento <text> ou o conteúdo de dados de caracteres de um elemento referenciado, onde a referência é especificada com um elemento tref.

Contexto de uso

CategoriasElemento de conteúdo textual, Elemento filho de conteúdo textual
Conteúdo permitidoQualquer número dos seguintes elementos, em qualquer ordem:
Elementos descritivos
<animate>, <animateColor>, <set>

Exemplo

<svg width="100%" height="100%" viewBox="0 0 1000 300"
     xmlns="http://www.w3.org/2000/svg" 
     xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <text id="ReferencedText">
      Referenced character data
    </text>
  </defs>

  <text x="100" y="100" font-size="45" >
    Inline character data
  </text>

  <text x="100" y="200" font-size="45" fill="red" >
    <tref xlink:href="#ReferencedText"/>
  </text>

  <!-- Show outline of canvas using 'rect' element -->
  <rect x="1" y="1" width="998" height="298"
        fill="none" stroke-width="2" />
</svg>

Atributos

Atributos globais

Atributos específicos

Interface DOM

Este elemento implementa a interface do SVGTRefElement.

Compatibilidade dos navegadores

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Recurso Chrome Firefox (Gecko) Internet Explorer Opera Safari
Suporte básico Não suportado Não suportado ? ? ?
Recurso Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Suporte básico ? Não suportado ? ? ?

Veja também

Etiquetas do documento e colaboradores

Colaboradores desta página: Sebastianz, caio
Última atualização por: Sebastianz,