SVG/Attribute/flood-color

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

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

erlaubte Werte
default-Wert schwarz
erlaubt in * feDropShadow
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

Weblinks

Spezifikation (W3C): flood-color