mozilla
Os seus resultados da pesquisa

    texto

    O elemento texto degin um elemento gráfico que consiste de texto. Note que é possivel aplicar gradientes, padrões, clipping paths, máscaras e filtros ao texto

    Contexto de Usagem

    Categorias Elementos Gráficos, Elementos de texto
    Conteúdo permitido Data de caracteres e qualquer ouyto númeto dos seguintes elements, nessa ordem:
    Eventos de animação »
    Elementos Descritivos »
    Elementos de text em elementos descendentes »
    <a>
    Documento de Norma 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> é usado para desenhar texto. O código seguinte é usado para desenhar o texto com as coordenadas.

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

    Texto em SVG pode ser totacionado. O exemplo de código seguinte ilustra 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>
    

    Texto SVG também pode ser estilizado

    <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

    Interface DOM

    O elemento implementa a interface SVGTextElement.

    Compatibilidade de Browsers

    Característica Chrome Firefox (Gecko) IE Opera Safari
    Suporte básico 1.0 1.5 (1.8) 9.0 8.0 3.0.4
    Característica 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

    Essa tabela é baseada nessas fontes.

    Relatado

    Etiquetas do documento e colaboradores

    Contribuíram para esta página: unreleasedmix, teoli
    Última atualização por: teoli,