Glossario · Animazione
Tratto SVG (stroke)
Il contorno di una forma SVG (linea, curva, cerchio, rettangolo), con il proprio colore e spessore, separato dal riempimento.
In dettaglio
In un grafico SVG, ogni forma ha due parti che si disegnano separatamente: il riempimento (fill) e il tratto (stroke), che è la linea che percorre il contorno. Il tratto ha colore, spessore e, se vuoi, un motivo a trattini.
Un tratto si può animare solo quando la forma ha un contorno misurabile: in BannerMotion funziona su path, line, polyline, circle e rect. Un testo convertito in curve o un logo fatto solo di riempimenti non ha un tratto da disegnare.
Esempio
<path d="M10 80 Q 95 10 180 80" fill="none" stroke="#0E1116" stroke-width="4" />Termini correlati
Dove compare
[Questo termine non compare ancora in nessuna guida.]