feDisplacementMap-scale-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>Test that directionless filter primitive attributes are resolved to user units correctly</title>

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

  <filter id="f" filterUnits="userSpaceOnUse" x="0" y="0" width="400" height="200" color-interpolation-filters="sRGB">

    <feFlood flood-color="#800" result="map"/>

    <feDisplacementMap in="SourceGraphic" in2="map" xChannelSelector="R" yChannelSelector="G" scale="100"/>

  </filter>

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

  <rect y="82" width="300" height="8" fill="red"/>

  <rect width="400" height="200" fill="lime" filter="url(#f)"/>

</svg>