textPath

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

* Some parts of this feature may have varying levels of support.

Assim como o texto escrito em uma linha reta, o SVG também inclui a capacidade de colocar um texto ao longo de uma forma de um elemento . Para especificar que um bloco de texto é renderizado ao longo da forma de um , inclua o texto em um elemento textPath o qual inclui um atributo xlink:href com uma referência a um elemento .

Contexto de uso

CategoriasElemento de conteúdo textual, Elemento filho de conteúdo textual
Conteúdo permitidoDados de caracteres e qualquer número dos seguintes elementos, em qualquer ordem:
Elementos descritivos
, , , ,

Exemplo

html

  
    
  

  

  
    
      Nós vamos para cima, para baixo, para cima
    
  

  
  

Resultado:

Atributos

Atributos globais

Atributos específicos

Interface DOM

Este elemento implementa a interface do SVGTextPathElement.