SVG/Attribut/flood-color

Mit dem primitiven Filter feFlood können Sie ein Objekt teiltransparent mit Farbe füllen. Das flood-color-Attribut legt die Farbe fest, mit welcher die durch feFlood gefüllte Region gefärbt werden soll.

Erlaubte Werte

• Farbangabe
• currentColor
• inherit

Standardwert

schwarz

anwendbar auf

• feDropShadow
• fleFlood

Präsentationsattribut

ja

mit CSS animierbar

ja

Beispiel

<svg viewBox="0 0 420 200" xmlns="http://www.w3.org/2000/svg">
  <filter id="flood1">
    <feFlood flood-color="seagreen" flood-opacity="1" x="0" y="0" width="200" height="200"/>
  </filter>
  <filter id="flood2">
    <feFlood flood-color="seagreen" flood-opacity="0.3" x="0" y="0" width="200" height="200"/>
  </filter>

  <rect x="0" y="0" width="200" height="200" style="filter: url(#flood1);" />
  <rect x="0" y="0" width="200" height="200" style="filter: url(#flood2); transform: translateX(220px);" />
</svg>

 

Siehe auch

• SVG/Tutorials/Filter

Weblinks

Spezifikation (W3C): flood-color