Radialer Farbverlauf

../../../_images/radial-gradient.png

  1. Ein radialer Farbverlauf sollte mit einem id-Attribut versehen werden, damit er von anderen Elementen als Füllung verwendet werden kann. Stellen Sie sicher, dass der Wert nur Buchstaben und Zahlen enthält und in Ihrem SVG eindeutig ist.

  2. Jeder Farbschritt innerhalb eines Verlaufs wird jeweils mit einem <stop>-Element definiert, welcher den Farbwert und die Transparenz bestimmt.

  3. Mit dem offset-Attribut geben Sie an, an welcher Stelle der Farbumschlag stattfinden soll. Verwenden Sie hierfür Werte zwischen 0 und 1. Wenn Sie keine Offsets definierten, werden die Farbumschläge automatisch gleichmäßig auf die gesamte Ausdehnung des Farbverlaufs verteilt.

  4. Das Attribut stop-color definiert den gewünschten Farbwert. Dabei sind verschiedene Notationen zulässig: