<!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="reftest-wait" onload="startTest()" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Testing that dynamic changes to mask attributes are reflected in the mask</title> <defs> <mask id="mask1" width="1" height="1"> <rect width="1" height="1" fill="white"/> </mask> <mask id="mask2" width="1" height="1"> <rect width="1" height="1" fill="white"/> </mask> <mask id="mask3" width="1" height="1"> <rect width="1" height="1" fill="white"/> </mask> </defs> <rect width="100%" height="100%" fill="lime"/> <g transform="scale(500)"> <rect x=".2" y=".2" width=".2" height=".2" fill="red" mask="url(#mask1)"/> <rect x=".4" y=".2" width=".2" height=".2" fill="red" mask="url(#mask2)"/> <rect x=".2" y=".4" width=".2" height=".2" fill="red" mask="url(#mask3)" /> </g> <script> function startTest() { document.addEventListener("MozReftestInvalidate", doTest, false); setTimeout(doTest, 4000); // fallback for running outside reftest } function doTest() { var mask1 = document.getElementById("mask1"); mask1.width.baseVal.value = 0; var mask2 = document.getElementById("mask2"); mask2.height.baseVal.value = 0; var mask3 = document.getElementById("mask3"); mask3.maskUnits.baseVal = SVGUnitTypes.SVG_UNIT_TYPE_USERSPACEONUSE; document.documentElement.removeAttribute("class"); } </script> </svg>