feDisplacementMap-colour-01.svg

Enable keyboard shortcuts

Checkerboard

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

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

  <title>Testcase for feDisplacementMap processing in1 with linearRGB colours</title>

  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=603584 -->

  <defs>

    <filter id="sponge">

      <feTurbulence baseFrequency="0.1" type="fractalNoise" result="result1"/>

      <feDisplacementMap id="feDisplacementMap" in2="result1" xChannelSelector="G" yChannelSelector="G" scale="50" in="SourceGraphic"/>

    </filter>

  </defs>

  <!-- we can't use our usual lime here as that's the same colour in both colour spaces -->

  <rect width="100%" height="100%" fill="#ea2"/>

  <rect stroke="none" style="filter:url(#sponge)" x="50" y="50" width="100" height="100" fill="#ea2" />

</svg>