Glossar · Animation
SVG-Strich (Stroke)
Die Kontur einer SVG-Form (Linie, Kurve, Kreis, Rechteck) mit eigener Farbe und Dicke, getrennt von der Füllung.
Im Detail
In einer SVG-Grafik werden zwei Teile einer Form getrennt gezeichnet: die Füllung (fill) und der Strich (stroke), also die Linie, die die Kontur nachzieht. Der Strich hat Farbe, Dicke und auf Wunsch ein Strichmuster.
Ein Strich lässt sich nur animieren, wenn die Form eine messbare Kontur hat: In BannerMotion funktioniert das bei path, line, polyline, circle und rect. Ein in Kurven umgewandelter Text oder ein Logo, das nur aus Flächen besteht, hat keinen Strich, der sich zeichnen ließe.
Beispiel
<path d="M10 80 Q 95 10 180 80" fill="none" stroke="#0E1116" stroke-width="4" />Verwandte Begriffe
Wo er vorkommt
[Dieser Begriff kommt noch in keinem Leitfaden vor.]
Wende die Begriffe in der Praxis an.
Probier es mit einer echten Kampagne aus.