Texto Animado em SVG (Readme Typing SVG)
SVG gerado dinamicamente e personalizável que exibe o texto de digitado e excluído para uso em sua página de perfil, repositórios ou site.
Parâmetros
Clique para exibir/fechar os parâmetros
| Nome | Tipo | Obrigatório | Padrão | Descrição | Mais Observações |
|---|---|---|---|---|---|
 | |||||
lines | string | true | O texto multilinha a ser exibido | Texto a ser exibido com linhas separadas por ; e + para espaços. | |
height | number | 50 | Altura do SVG de saída em pixels | ||
width | number | 400 | Largura do SVG de saída em pixels | ||
size | number | 20 | Tamanho da font em pixels | Unidades: pixels. | |
font | string | monospace | Font family | Qualquer fonte do Google Fonts. | |
color | string | 36BCF7 | Cor do texto | Formato: HEX ex. FF0000. | |
background | string | 00000000 | Cor de fundo do texto | Formato: HEX ex. FF0000. | |
center | boolean | false | Alinhamennto horizontal do texto | Suporta: true (centralizado horizontalmente) false (alinhado a esquerda). | |
vCenter | boolean | false | Texto alinhado verticalmente | Suporta: true (centralizado verticalmente) false (centralizado no topo). | |
multiline | boolean | false | Exibe texto com quebra de linhas | Suporta: true (quebra de linhas) false (digite novamente em uma linha). | |
duration | number | 5000 | Duração da exibição de uma única linha em milissegundos | ||
pause | number | 0 | Duração da pausa entre as linhas em milissegundos | Unidades: milliseconds. | |
repeat | boolean | true | Efetuar uma repetição da primeira linha até última | ||
separator | string | ; | Separador utilizado entre linhas no parâmetro | ||
letterSpacing | string | normal | Espaçamento das letras | Formato: CSS color. |
txt
https://readme-typing-svg.demolab.com{?lines,height,width,size,font,color,background,center,vCenter,multiline,duration,pause,repeat,separator,letterSpacing}Exemplos
markdown
