filter-nested-filtering-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" version="1.0">

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

  <desc>

    This test checks that transforms and filtering a decedent of a

    filtered element interact correctly.

  </desc>

  <filter id="a"><feGaussianBlur stdDeviation="0.001"/></filter>

  <filter id="b"><feGaussianBlur stdDeviation="0.001"/></filter>

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

  <circle fill="red" cx="200" cy="200" r="98" transform="scale(1.2)"/>

  <g id="g" filter="url(#a)" transform="scale(1.2) translate(100, 0)">

    <circle fill="lime" filter="url(#b)" cx="100" cy="200" r="100"/>

  </g>

</svg>