Właściwości Stroke SVG
Właściwości Stroke SVG
SVG oferuje szeroki wachlarz atrybutów obrysu. W tym rozdziale zajmiemy się, co następuje:
- suw
- stroke-width
- skoku linecap
- skoku dasharray
Wszystkie cechy skoku może być stosowana do każdego rodzaju linii, tekst i elementów, takich jak okrągły obrys.
SVG udar nieruchomość
Skok atrybut definiuje linię, lub kolor tekstu elementu konturu:
Oto kod SVG:
Przykłady
<G wypełnić = "none">
<Path skok = "red" d = "M5 20 L215 0" />
<Path skok = "blue" d = "M5 40 L215 0" />
<Path skok = "black" d = "M5 60 L215 0" />
</ G>
</ Svg>
Spróbuj »
Dla użytkowników przeglądarki Opera widoku pliku SVG (kliknij prawym przyciskiem myszy na grafice źródłem podgląd SVG).
SVG udar szerokości atrybutu
Tstroke- szerokość atrybuty zdefiniować linię, lub grubość tekstu elementu konturu:
Oto kod SVG:
Przykłady
<G fill = "none" skok = "black">
<Path stroke-width = "2" d = "M5 20 L215 0" />
<Path stroke-width = "4" d = "M5 40 L215 0" />
<Path stroke-width = "6" d = "M5 60 L215 0" />
</ G>
</ Svg>
Spróbuj »
Dla użytkowników przeglądarki Opera widoku pliku SVG (kliknij prawym przyciskiem myszy na grafice źródłem podgląd SVG).
SVG nieruchomość skoku linecap
Atrybut strokelinecap określa koniec otwartej ścieżki różnych typów:
Oto kod SVG:
Przykłady
<G fill = "none" skok = "black" stroke-width = "6">
<Path skoku linecap = "butt" d = "M5 20 L215 0" />
<Path skoku linecap = "round" d = "M5 40 L215 0" />
<Path skoku linecap = "kwadrat" d = "M5 60 L215 0" />
</ G>
</ Svg>
Spróbuj »
Dla użytkowników przeglądarki Opera widoku pliku SVG (kliknij prawym przyciskiem myszy na grafice źródłem podgląd SVG).
SVG nieruchomość skoku dasharray
strokedasharray mienie wykorzystane do stworzenia linia przerywana:
Oto kod SVG:
Przykłady
<G fill = "none" skok = "black" stroke-width = "4">
<Path skoku dasharray = "5,5" d = "M5 20 L215 0" />
<Path skoku dasharray = "10,10" d = "M5 40 L215 0" />
<Path skoku dasharray = "20,10,5,5,5,10" d = "M5 60 L215 0" />
</ G>
</ Svg>
Spróbuj »
Dla użytkowników przeglądarki Opera widoku pliku SVG (kliknij prawym przyciskiem myszy na grafice źródłem podgląd SVG).