dynamic-feFlood-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 version="1.1" xmlns="http://www.w3.org/2000/svg" onload="m();">

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

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

	<script>

		function m() {

		document.getElementById("feFlood").setAttribute("flood-color", "lime");

	</script>

	<defs>

		<filter id="f1" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox"

				x="0" y="0" width="1" height="1">

	    	<feFlood id="feFlood" x="0" y="0" width="100%" height="100%" flood-color="red"/>

	    </filter>

	</defs>

	<g filter="url(#f1)">

		<rect x="0" y="0" width="100%" height="100%" fill="red" opacity="0"/>

	</g>

</svg>