Maak mijn eerste campagne
Woordenlijst · Animatie

SVG-lijn (stroke)

De omtrek van een SVG-vorm (lijn, curve, cirkel, rechthoek), met eigen kleur en dikte, los van de vulling.

In detail

In een SVG-afbeelding worden twee delen van elke vorm apart geverfd: de vulling (fill) en de lijn (stroke) die langs de omtrek loopt. De lijn heeft kleur, dikte en, als je wilt, een streepjespatroon.

Een lijn kun je alleen animeren als de vorm een meetbare omtrek heeft: in BannerMotion werkt dat op path, line, polyline, circle en rect. Tekst die is omgezet in curven of een logo dat alleen uit vullingen bestaat, heeft geen lijn om te tekenen.

Voorbeeld
<path d="M10 80 Q 95 10 180 80" fill="none" stroke="#0E1116" stroke-width="4" />

Gerelateerde termen

Lijn tekenenKleuranimatieOKLab en OKLCH

Waar het voorkomt

[Deze term komt nog in geen enkele gids voor.]

Terug naar de woordenlijst

Zet de termen in de praktijk.

Probeer het met een echte campagne.

Maak mijn eerste campagneBekijk de prijzen