dynamic-filter-contents-01a.svg

Enable keyboard shortcuts

Checkerboard

<!--

     Any copyright is dedicated to the Public Domain.

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

-->

<svg class="reftest-wait" xmlns="http://www.w3.org/2000/svg" onload="startTest()">

  <style>

  .foo feComposite { color-interpolation-filters:sRGB; }

  </style>

  <defs id="d">

    <filter id="f" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox"

            x="0" y="0" width="1" height="1">

      <feFlood flood-color="#ff0000" flood-opacity="0.5" result="flood"/>

      <feComposite width="1" height="1" in="flood" operator="over" in2="SourceGraphic"/>

    </filter>

  </defs>

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

  <script>

  function startTest() {

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

    setTimeout(doTest, 4000); // fallback for running outside reftest

  function doTest() {

    document.getElementById("d").setAttribute("class", "foo");

    document.documentElement.removeAttribute('class');

  </script>

</svg>