feDisplacementMap-alpha-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 in2 with premultiplied colour values</title>

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

  <defs>

    <filter id="f1">

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

     <feDisplacementMap id="feDisplacementMap" in2="result1"

                         xChannelSelector="G" yChannelSelector="G"

                         scale="50" in="SourceGraphic"/>

    </filter>

  </defs>

  <rect width="100%" height="100%" fill="lime"/>

  <g transform="translate(100,100)">

    <circle cx="0" cy="0" r="60" fill="red" filter="url('#f1')"/>

    <circle cx="0" cy="0" r="80" fill="lime"/>

  </g>

</svg>