Wiki-Artikel „SVG/Farben“

[Matthias Scharwies]

Guten Morgen!

Ich habe SVG/Farben neu sortiert:

1. Painting - wie wird in SVG „gemalt“?

• sehr kurze Einführung
• nur 3 Bsp. zu fill, fill-rule und fill-opacity

2. SVG/Farben/Kontur

• gleich geblieben
• unten 2 Bsp zu paint-order und vector-effect (neu)

3. SVG/Farben/Markierungen

• völlig neu aufgebaut - das hatte ich 2015 auf die Schnelle gemacht, da gab es einiges zu tun
• 1. Bsp erklärt markerUnits
• Interessant wird's bei context-fill_und_context-stroke. Werft mal euren Firefox an, wenn ihr den noch auf der Platte habt und schaut euch das an. (BTW: Ohne schließenden body-Tag stürzt Frickl ab! Hatte 10min gesucht, warum - immerhin hatte der W3C- Validator nicht gemeckert.)

Fazit: Markierungen sind wie Verläufe mächtige Werkzeuge, jeodch eben deshalb im Alltag nicht zu gebrauchen Das galt für SVG-filter genauso, die Umsetzung der Algorithmen in CSS finde ich genial, wenn man das bei marker doch auch so machen könnte:

polyline {
marker-knockout-left:  10px circle;
marker-knockout-right: 10px circle;
}

Es lag wohl an Rendering-Problemen bei gekrümmten Pfaden, dass das nicht implementiert wurde. (Oder jemand hat sch an den 10px für dimensionsloe Einheiten gestoßen)

Und dieses „Icon“ habe ich gleich bei den Cards weiterverwendet:

Was haltet ihr davon? So können wir Icons und mehr Links oder einen längeren Linktext kombinieren.

Wer Ideen hat - immer her damit! Ich frag euch sonst Mittwoch am Stammtisch!

Herzliche Grüße

Matthias Scharwies

Herzliche Grüße

Matthias Scharwies