The flood-color attribute indicates what color is used to flood the current filter primitive subregion.
Syntax:
flood-color="color"
Attribute Values:
- color: The color that we want to flood.
We will use the flood-color attribute for setting the flood color.
Example 1:
<!DOCTYPE html> < html >
< body >
< svg viewBox = "0 0 4000 2000" < filter id = "flood1" >
< feFlood flood-color = "green" />
</ filter >
< rect x = "100" y = "100" width = "800" height = "800" style =
"filter: url(#flood1);" />
</ svg >
</ body >
</ html >
|
Output:
Example 2:
<!DOCTYPE html> < html >
< body >
< svg viewBox = "0 0 400 100" < circle cx = "50" cy = "50" r = "35" flood-color = "black" />
</ svg >
</ body >
</ html >
|
Output: