SVG/Attribut/spreadMethod

Sobald der Raum eines Farbübergangs mittels eines Vektors eingeschränkt wird, bleibt der Rest des Raums frei. Mit der Eigenschaft spreadMethod kann man den ungenutzten Teil ebenfalls füllen.

Erlaubte Werte

• pad: der Verlauf wird abgeschnitten
• reflect: horizontale und vertikale Spiegelung
• repeat: Wiederholung

Standardwert

pad

anwendbar auf

linearGradient, radialGradient

Präsentationsattribut

nein

mit CSS animierbar

ja

Beispiel

<linearGradient id="pad" x1="0%" x2="0%" y1="50%" y2="0%" spreadMethod="pad">
  <stop offset="0%" stop-color="white" />
  <stop offset="100%" stop-color="black" />
</linearGradient>
<linearGradient id="reflect" x1="0%" x2="0%" y1="50%" y2="0%" spreadMethod="reflect">
  <stop offset="0%" stop-color="white" />
  <stop offset="100%" stop-color="black" />
</linearGradient>
<linearGradient id="repeat" x1="0%" x2="0%" y1="50%" y2="0%" spreadMethod="repeat">
  <stop offset="0%" stop-color="white" />
  <stop offset="100%" stop-color="black" />
</linearGradient>

Siehe auch

• SVG/Farben/Verläufe#Wiederholung von Farbverläufen

Weblinks

• W3C: spreadMethod Attribute