layout/reftests/svg/dynamic-clipPath-02.svg

   1 <!--
   2      Any copyright is dedicated to the Public Domain.
   3      http://creativecommons.org/publicdomain/zero/1.0/
   4 -->
   5 <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
   6      class="reftest-wait"
   7      xmlns:xlink="http://www.w3.org/1999/xlink">
   8   <title>Testing that dynamic changes to the clipPathUnits are reflected in the clipPath</title>
   9
  10   <defs>
  11     <clipPath id="clip1" clipPathUnits="objectBoundingBox">
  12       <rect width=".1" height=".1"/>
  13     </clipPath>
  14   </defs>
  15
  16   <rect width="100%" height="100%" fill="lime"/>
  17
  18   <g transform="scale(1000)">
  19     <rect x=".2" y=".2" width=".6" height=".6" fill="red" clip-path="url(#clip1)"/>
  20   </g>
  21
  22   <script>
  23     document.addEventListener("MozReftestInvalidate", doTest, false);
  24     setTimeout(doTest, 4000); // fallback for running outside reftest
  25
  26     function doTest() {
  27       var clip1 = document.getElementById("clip1");
  28       clip1.clipPathUnits.baseVal = SVGUnitTypes.SVG_UNIT_TYPE_USERSPACEONUSE;
  29
  30       document.documentElement.removeAttribute("class");
  31     }
  32   </script>
  33 </svg>