SVG/Element/stop

Aus SELFHTML-Wiki
< SVG‎ | Element
Wechseln zu: Navigation, Suche

Hauptartikel: SVG/Farben/Verläufe#Farben, Positionen und Transparenz eines Farbverlaufs

Das stop-Element legt einen Color-Stop fest, der die Eigenschaften Farbe, deren Position und deren Transparenz setzt.

Syntax
Start-Tag: notwendig
End-Tag: ggf. notwendig
Elternelemente
Darf vorkommen in:
linearGradient, radialGradient
erlaubte Inhalte
animate, set (dann wird ein End-Tag notwendig)
Attribute
Name Inhalt Standardwert Bedeutung
offset 0–1, 0%–100% Position
stop-color Farbangabe schwarz Farbe
stop-opacity 0–1, 0%–100% 1 Transparenz

Attribut: Pflichtattribut
Attribut: optionales Attribut

Beispiel
<defs>
    <linearGradient id="verlauf1" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" stop-color="#dfac20" />
      <stop offset="100%" stop-color="#3983ab" />
    </linearGradient>
</defs>
 
<rect id="eins" x="10"  y="10" width="150" height="200" fill="url(#verlauf1)" />
Mit dem stop-Element lässt sich ein Color-Stop festlegen, der die Eigenschaften Farbe, deren Position und deren Transparenz setzt.


Siehe auch

Weblinks