Frage zum Wiki-Artikel „SVG/Farben/Verläufe“

[beatovich]

hallo

Dummerweise wird mein SVG Verlauf Links- und Kopf-seitig von einem schwarzen Rand (Background des SVG Selektors) umgeben.

Nein, du siehst durchaus den svg-Bereich. Dein SVG hat die Koordinaten 0/0, dein Rect beginnt bei 10/10.

Die Viewbox bzw. der Bildausschnitt ist 211 Pixel hoch, obwohl 208 Pixel festgelegt wurden. Was erzeugt denn die drei Pixel, die den schwarzen Rand bildet?

1. dein css border addiert 2px
2. rect hat normalerweise eine stroke-width von 1px, deren Hälfte jeweils inner und ausserhalb der Korrdinaten gezeichnet wird, ergo wird hier 1px addiert.

Sofern dein svg rein dekorative Funktion hat, würde ich es ersetzen durch css gradiente.