dynamic-filter-invalidation-02.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" onload="run_test();">

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

  <script>

function run_test() {

  document.documentElement.getBoundingClientRect();

  document.getElementById("setFilterOnThis").setAttribute('filter', 'url(#filter)');

  document.documentElement.removeAttribute("class");

  </script>

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

    <feFlood flood-color="lime"/>

  </filter>

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

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

  <rect width="100" height="100" fill="white" id="setFilterOnThis"/>

</svg>