SVG Stroke Eigenschaften
SVG Stroke Eigenschaften
SVG bietet eine breite Palette von Schlaganfall Attribute. In diesem Kapitel werden wir folgt aussehen:
- Schlaganfall
- Schlaganfall-Breite
- Schlaganfall-linecap
- Schlaganfall-dasharray
Alle Strichattribute können auf jede Art von Linien, Text und Elemente wie eine runde Kontur angewendet werden.
SVG Schlaganfall Eigenschaft
Stroke Attribut definiert eine Linie oder Textelement Konturfarbe:
Hier ist der SVG-Code:
Beispiele
<G füllen = "none">
<Pfad Schlaganfall = "red" d = "M5 20 L215 0" />
<Pfad Schlaganfall = "blue" d = "M5 40 L215 0" />
<Pfad Schlaganfall = "black" d = "M5 60 L215 0" />
</ G>
</ Svg>
Versuchen »
Für Opera Benutzer: Ansicht SVG - Datei (Rechtsklick auf die Vorschau Quelle SVG - Grafiken).
SVG stroke-width-Attribut
Tstroke- Breite Attribute definieren eine Linie oder Textelement Umriss Dicke:
Hier ist der SVG-Code:
Beispiele
<G Fill = "none" stroke = "black">
<Pfad stroke-width = "2" d = "M5 20 L215 0" />
<Pfad stroke-width = "4" d = "M5 40 L215 0" />
<Pfad stroke-width = "6" d = "M5 60 L215 0" />
</ G>
</ Svg>
Versuchen »
Für Opera Benutzer: Ansicht SVG - Datei (Rechtsklick auf die Vorschau Quelle SVG - Grafiken).
SVG Schlaganfall-linecap Eigenschaft
strokelinecap Attribut definiert das Ende eines offenen Pfad von verschiedenen Typen:
Hier ist der SVG-Code:
Beispiele
<G Fill = "none" stroke = "black" stroke-width = "6">
<Pfad Hub-linecap = "butt" d = "M5 20 L215 0" />
<Pfad Hub-linecap = "rund" d = "M5 40 L215 0" />
<Pfad Hub-linecap = "square" d = "M5 60 L215 0" />
</ G>
</ Svg>
Versuchen »
Für Opera Benutzer: Ansicht SVG - Datei (Rechtsklick auf die Vorschau Quelle SVG - Grafiken).
SVG Schlaganfall-dasharray Eigenschaft
strokedasharray Eigenschaft verwendet, um die gepunktete Linie zu erstellen:
Hier ist der SVG-Code:
Beispiele
<G Fill = "none" stroke = "black" stroke-width = "4">
<Pfad Hub-dasharray = "5,5" d = "M5 20 L215 0" />
<Pfad Hub-dasharray = "10.10" d = "M5 40 L215 0" />
<Pfad Hub-dasharray = "20,10,5,5,5,10" d = "M5 60 L215 0" />
</ G>
</ Svg>
Versuchen »
Für Opera Benutzer: Ansicht SVG - Datei (Rechtsklick auf die Vorschau Quelle SVG - Grafiken).