dynamic-filter-invalidation-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" class="reftest-wait">

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

  <script>

var NS_SVG = 'http://www.w3.org/2000/svg';

function run_test() {

  var gNode = document.createElementNS(NS_SVG, "g");

  gNode.setAttribute('filter', 'url(#filter)');

  var rect = document.createElementNS(NS_SVG, 'rect');

  rect.setAttribute('width', '100');

  rect.setAttribute('height', '100');

  rect.setAttribute('fill', 'white');

  gNode.appendChild(rect);

  document.documentElement.appendChild(gNode);

  document.documentElement.removeAttribute("class");

document.addEventListener("MozReftestInvalidate", run_test);

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

  </script>

  <filter id="filter" x="20" y="20" width="100" height="100"

          filterUnits="userSpaceOnUse"

          primitiveUnits="userSpaceOnUse">

    <feFlood flood-color="lime"/>

  </filter>

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

  <rect x="20" y="20" width="100" height="100" fill="red"/>

</svg>