feTurbulence-offset.svg

Enable keyboard shortcuts

Checkerboard

<!--

     Any copyright is dedicated to the Public Domain.

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

-->

<!--

     This test verifies that feTurbulence creates a noise image that remains

     anchored at the user space origin, not the filter region origin. The filter

     region should act as a viewport into the anchored noise image.

-->

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

  <!--

    Place the filtered rect at (75, 75) in user space.

    Make the filter region start at (-25, -25) from the top left corner of the rect.

    Thus, the filter output should start at (50, 50).

-->

  <filter id="f" x="-25%" y="-25%" width="100%" height="100%">

    <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="1"></feTurbulence>

  </filter>

  <rect x="75" y="75" width="100" height="100" filter="url(#f)"/>

</svg>