mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-28 04:35:33 +00:00
9e3375fb45
--HG-- extra : rebase_source : c41d8fb0048e6c6eea70db12d5b6e976fc442b69
49 lines
1.6 KiB
XML
49 lines
1.6 KiB
XML
<!--
|
|
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>
|