feComponentTransfer-1.svg

Enable keyboard shortcuts

Checkerboard

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

<filter id="f1" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox"

         x="0%" y="0%" width="100%" height="100%">

  <feComponentTransfer x="10%" y="10%" width="80%" height="80%"

    style="color-interpolation-filters:sRGB">

    <feFuncR type="table" tableValues="1 0 0 1"/>

    <feFuncG type="discrete" tableValues="0 1 0"/>

    <feFuncB type="linear" slope="0.5" intercept="0.75"/>

    <feFuncA type="identity"/>

  </feComponentTransfer>

</filter>

<rect x="0" y="0" width="100" height="100" fill="#808080" filter="url(#f1)"/>

</svg>