feComposite-arguments-01.svg

Enable keyboard shortcuts

Checkerboard

<svg xmlns="http://www.w3.org/2000/svg">

  <defs>

    <filter id="filter">

      <feFlood flood-color="lime" result="flood1"/>

      <feFlood flood-color="red" result="flood2"/>

      <feComposite in="flood1" in2="flood2"

                   operator="arithmetic" k1="0" k2="1" k3="0" k4="0" />

    </filter>

  </defs>

  <rect width="100%" height="100%" fill="yellow" filter="url(#filter)"/>

</svg>