Glosario · Animación
Trazo SVG (stroke)
El contorno de una forma SVG (línea, curva, círculo, rectángulo), con su propio color y grosor, separado del relleno.
En detalle
En un gráfico SVG, cada forma tiene dos partes que se pintan por separado: el relleno (fill) y el trazo (stroke), que es la línea que recorre el contorno. El trazo tiene color, grosor y, si quieres, un patrón de guiones.
Un trazo se puede animar solo cuando la forma tiene contorno medible: en BannerMotion funciona sobre path, line, polyline, circle y rect. Un texto convertido en curvas o un logotipo hecho solo de rellenos no tiene trazo que dibujar.
Ejemplo
<path d="M10 80 Q 95 10 180 80" fill="none" stroke="#0E1116" stroke-width="4" />Términos relacionados
Dónde aparece
[Este término todavía no aparece en ninguna guía.]