gecko/layout/reftests/svg/dynamic-mask-01.svg

50 lines
1.6 KiB
XML
Raw Normal View History

<!--
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);
// in case we're not gecko
setTimeout(doTest, 5000);
}
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>