palemoon-dev/platform/layout/reftests/svg/dynamic-rect-01.svg

<?xml version="1.0"?>
<!--
     Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/publicdomain/zero/1.0/
-->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" onload="m();">
	<title>Testcase for dynamic rect changes</title>
	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=423998 -->
	<script>
		function m() {
		document.getElementById("rect1").setAttribute("fill", "lime");
		document.getElementById("rect2").setAttribute("x", "50");
		document.getElementById("rect3").setAttribute("transform", "translate(200,0)");
		document.getElementById("rect4").removeAttribute("filter");
		}
	</script>
	<filter id="shadow" filterUnits="objectBoundingBox">
		<feGaussianBlur in="SourceAlpha" stdDeviation="5"/>
	</filter>
	<rect id="rect1" x="50" y="100" width="50" height="50" fill="red"/>
	<rect id="rect2" x="0" y="200" width="50" height="50" fill="lime"/>
	<rect id="rect3" x="0" y="100" width="50" height="50" fill="lime"/>
	<rect id="rect4" x="200" y="200" width="50" height="50" filter="url(#shadow)" fill="lime"/>
</svg>