Glossário · Animação
Traço SVG (stroke)
O contorno de uma forma SVG (linha, curva, círculo, retângulo), com cor e espessura próprias, separado do preenchimento.
Em detalhe
Em um gráfico SVG, cada forma tem duas partes que são pintadas separadamente: o preenchimento (fill) e o traço (stroke), que é a linha que percorre o contorno. O traço tem cor, espessura e, se quiser, um padrão de tracejado.
Um traço só pode ser animado quando a forma tem contorno mensurável: no BannerMotion funciona em path, line, polyline, circle e rect. Um texto convertido em curvas ou um logotipo feito só de preenchimentos não tem traço para desenhar.
Exemplo
<path d="M10 80 Q 95 10 180 80" fill="none" stroke="#0E1116" stroke-width="4" />Termos relacionados
Onde aparece
[Este termo ainda não aparece em nenhum guia.]
Coloque os termos em prática.
Experimente com uma campanha real.