Striche und Füllungen
stroke | Eigenschaftswert: "Strichfarbe"
Voreinstellung: none 1.: stroke="rgb(0,0,255)" 2.: stroke="Blue" |
|
stroke-width | Eigenschaftswert: "Strichdicke"
Voreinstellung: 1 1.: stroke-width="5" 2.: stroke-width="12" |
|
stroke-dasharray | Eigenschaftswert: "komma-separierte Tabelle"
Voreinstellung: 1 1.: stroke-dasharray="10%,2%,3%,2%" 2.: stroke-dasharray="10%,4%" gestrichelte weiße 12px dicke Linie auf schwarzer ungestrichelter 16px dicker Linie |
|
stroke-linecap | Eigenschaftswerte: "butt" "round" "square"
Voreinstellung: "butt" Schwarz ist die Linie mit den erteilten Eigenschaften Gelb zeigt die Dimensionierung an. Ist also bloß Kontrolle. |
|
stroke-linejoin | Eigenschaftswerte: "miter" "bevel" "round"
Voreinstellung: "miter" Gelb ist wieder nur zur Kontrolle. |
|
stroke-miterlimit | Eigenschaftswert: "Zahl"
Voreinstellung: "4" Kann nur in Zusammenhang mit stroke-linejoin="miter", wie Voreinstellung verwendet werden. So richtig weiß ich nicht, was das soll. Abweichende Attributwerte erzeugen nur miter oder bevel. |
|
stroke-opacity | Eigenschaftswert: "0" bis "1"
Voreinstellung: "1" 1.: ohne Attribut, also "1" 2.: stroke-opacity=".5" 3.: stroke-opacity=".1" Irgendwie mischen sich die Farben vom Rand über die Fläche. Das führt zu unschönen Effekten. Außerdem sollte das Ergebnis nicht mit dem Überblendungsfilter <feBlend> verglichen werden. Das Mischergebnis kann ich weder additiv noch subtraktiv nachvollziehen. |
|
fill | Eigenschaftswert: "Füllfarbe"
Ein gültiger Farbname "Red", eine hexadezimale Farbangabe "#f00" oder der RGB Farbraum "rgb(255,0,0)" als Beispiel - ohne diesem Attribut wird schwarz gefüllt als Voreinstellung - "none" verhindert die Farbfüllung. Transparenzen können mit fill-opacity als auch "rgba(255,0,0,.5)" erzeugt werden. 1.: fill="rgb(255,0,0)" 2.: fill="rgba(255,0,0,.5)" 3.: keine Angabe |
|
fill-opacity | Eigenschaftswert: "0" bis "1"
Voreinstellung: "1" angewendet für alle drei Kreise fill-opacity=".5" 1.: fill="#0f0" 2.: fill="#ff0" 3.: fill="#0ff" |
|
fill-rule | Eigenschaftswerte: "nonzero" "evenodd"
Voreinstellung: "nonzero" - nichts freistellen anwendbar auf <path>, <polyline> und <polygon> Meine Erwartung war, dass ich auch zwei Kreise gleichen Mittelpunkts unterschiedlicher Radien freistellen kann oder etwas ähnlichem. Dem Gruppierungselement <g fill-rule="evenodd"> sollte diese Eigenschaft übergeben werden können. Geht nicht, so wie man das aus Grafikprogrammen her kennt! |