feFlood filter primitive

Fill a rectangle with flood-color and flood-opacity selected.


  • flood-color : color to fill rectangle
  • flood-opacity : opacity for filling
  • result : name of RGBA raster
  • Example of code:

       <filter id="MyFilter" filterUnits="userSpaceOnUse" x="0" y="0" width="400" height="400">
          <feImage xlink:href='fondu1.jpg' result='pict1'/>
          <feFlood flood-color="red" flood-opacity='0.3' result='pict2'/>
          <feComposite in='pict1' in2='pict2' operator="arithmetic" k1="0" k2="0.7" k3="0.7" k4="0"/>
    <use filter="url(#MyFilter)" x='0' y='0'/>

    Figure 1: JPEG picture composed with yellow and red feFlood

    Tool: change parameters to compose picture with rectangle colored

    FrontPage  feColorMatrix  feComponentTransfer  feSpecularLightning feDiffuseLightning  feSpotLight  feDistantLight  fePointLight  feFlood  feImage   feTurbulence   feTile  feMerge  feBlend  feComposite feGaussianBlur  feMorphology  feConvolveMatrix  feDisplacementMap  feOffset

    Valid XHTML 1.0!