feMorphology-radius-negative-02.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>Test 'feMorphology' with a negative value for its 'radius'</title>

  <!--

    From https://bugzilla.mozilla.org/show_bug.cgi?id=485786 and

    https://bugzilla.mozilla.org/show_bug.cgi?id=1432250

    The negative value should disable the primitive effect and output

    the input image.

-->

  <filter id="f1">

    <feMorphology operator="dilate" radius="-1"/>

  </filter>

  <filter id="f2">

    <feMorphology operator="dilate" radius="-1 50"/>

  </filter>

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

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

  <rect x="50%" width="50%" height="100%" fill="lime" filter="url(#f2)"/>

</svg>