15/5. feladat megoldása

<?xml version="1.0"?>

<!DOCTYPE svg PUBLIC "-//W3//DTD SVG 1.1//EN"
	"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg xmlns= "http://www.w3.org/2000/svg"
     xmlns:xlink= "http://www.w3.org/1999/xlink"
     version="1.1" width="200" height="200">

<script type="text/ecmascript">
<![CDATA[

function csokkent()
{
 var elem=svgDocument.getElementById("kor");
 elem.setAttribute("r",10);
}

function novel()
{
 var elem=svgDocument.getElementById("kor");
 elem.setAttribute("r",30);
}

//]]>
</script>

<circle id="kor" cx="30" cy="100" r="30" style="fill: darkred;">
<animate attributeType="XML"
	 attributeName="cx"
	 from="30" by="140"
	 begin="2s" dur="4s"
	 fill="freeze"
	 onbegin="csokkent()"
	 onend="novel()"/>
</circle>

</svg>