anim-feComponentTransfer-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"

     xmlns:xlink="http://www.w3.org/1999/xlink"

     class="reftest-wait">

  <title>Test animation of the "intercept" attribute of the "feComponentTransfer" element</title>

  <script xlink:href="smil-util.js" type="text/javascript"/>

  <filter id="flood_filter" x="0%" y="0%" width="100%" height="100%">

    <feComponentTransfer>

      <feFuncR type="linear" slope="0" intercept="1">

        <animate attributeName="intercept"

                 calcMode="linear"

                 begin="0s" dur="2s"

                 from="1" to="-1"

                 fill="freeze"/>

      </feFuncR>

      <feFuncG type="linear" slope="0" intercept="0">

        <animate attributeName="intercept"

                 calcMode="linear"

                 begin="0s" dur="2s"

                 from="0" to="2"

                 fill="freeze"/>

      </feFuncG>

      <feFuncB type="identity"/>

    </feComponentTransfer>

  </filter>

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

  <rect width="100%" height="100%" fill="red" filter="url(#flood_filter)"/>

  <script type="text/javascript">

    function doTest() {

      setTimeAndSnapshot(1, true);

    window.addEventListener("MozReftestInvalidate", doTest, false);

  </script>

</svg>