Attributes
Vachmi
The <feFlood> filter primitive fills the filter subregion with the color and opacity defined by flood-color and flood-opacity.
Attribute
Description
flood-color
This attribute indicates what color to use to flood the current filter primitive subregion.
flood-opacity
This attribute indicates the opacity value to use across the current filter primitive subregion.
Here is the SVG code to draw this filter.
feFlood filter
<svg id='path1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>
<filter id="flood-Ex1">
<feFlood x="50" y="50" width="10" height="20" flood-color="green" flood-opacity="0.5"/>
</filter>
<rect x="10" y="10" width="70" height="70" style="fill:yellow;" />
<rect x="30" y="30" width="70" height="70" style="fill:rgb(100,100,255); filter="url(#flood-Ex1)"/>
</svg>
<filter id="flood-Ex1">
<feFlood x="50" y="50" width="10" height="20" flood-color="green" flood-opacity="0.5"/>
</filter>
<rect x="10" y="10" width="70" height="70" style="fill:yellow;" />
<rect x="30" y="30" width="70" height="70" style="fill:rgb(100,100,255); filter="url(#flood-Ex1)"/>
</svg>