mozilla
Os seus resultados da pesquisa

    text

    O elemento text define um elemento gráfico consistido de texto. Note que é possível aplicar gradientes, padrões, caminhos de recorte, máscara ou filtro para texto.

    Contexto de uso

    Categorias Elemento gráfico, Elemento de conteúdo textual
    Conteúdo permitido Dados de caracteres ou qualquer número dos seguintes elementos, em qualquer ordem:
    Elementos de animação »
    Elementos descritivos »
    Elementos de conteúdo textual »
    <a>
    Documento normativo SVG 1.1 (2ª Edição)

    Exemplo

    <?xml version="1.0"?>
    <svg xmlns="http://www.w3.org/2000/svg"
         width="100px" height="30px" viewBox="0 0 1000 300">
    
      <text x="250" y="150" 
            font-family="Verdana" 
            font-size="55">
        Hello, out there
      </text>
    
      <!-- Show outline of canvas using 'rect' element -->
      <rect x="1" y="1" width="998" height="298"
            fill="none" stroke-width="2" />
    </svg>

    O elemento <text> é utilizado para desenhar texto. O seguinte exemplo de código é utilizado para desenhar texto com coordenadas:

    <svg xmlns="http://www.w3.org/2000/svg" width="100px" height="50px">
      <text x="10" y="20">SVG Text Example</text>
    </svg>
    

    Textos em SVG podem ser rotacionados. O código a seguir exemplifica isso.

    <svg xmlns="http://www.w3.org/2000/svg" width="100px" height="50px">
      <text x="10"  y="20" 
            transform="rotate(30 20,40)">
        SVG Text Rotation example
      </text>
    </svg>
    

    Textos em SVG também podem ser estilizados

    <svg xmlns="http://www.w3.org/2000/svg" width="100px" height="50px">
      <text x="10"  y="20"
            style="font-family: Times New Roman;
                   font-size  : 24;
                   stroke     : #00ff00;
                   fill       : #0000ff;">
        SVG text styling
      </text>
    </svg>
    

    Atributos

    Atributos globais

    Atributos específicos

    DOM Interface

    Este elemento implementa a interface do SVGTextElement.

    Compatibilidade dos navegadores

    Recurso Chrome Firefox (Gecko) IE 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.

    Relacionado

    Etiquetas do documento e colaboradores

    Contributors to this page: teoli, unreleasedmix, caio
    Última atualização por: teoli,