dynamic-rect-01.svg

Enable keyboard shortcuts

Checkerboard

<?xml version="1.0"?>

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

<svg class="reftest-wait" version="1.1" xmlns="http://www.w3.org/2000/svg">

	<title>Testcase for dynamic rect changes</title>

	<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=423998 -->

	<script>

	document.addEventListener("MozReftestInvalidate", doTest, false);

	setTimeout(doTest, 4000); // fallback for running outside reftest

	function doTest() {

		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");

		document.documentElement.removeAttribute('class');

	</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>