13/3. 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">

<rect x="20" y="20" width="100" height="100" style="fill: red;">
	<!--A szelesseg modositasa:-->
	<animate attributeName="width"
		 attributeType="XML"
		 from="100" to="50"
		 begin="1s" dur="5s"
		 fill="freeze"/>
	<!--A kozepvonal allandosagahoz a bal felso pontot kell mozgatni,
	    ugynakkor, amikor a szelesseg valtozik. A bal felso pont helye az
	    animacio elejen egyertelmu, a kiindulasi allapottal egyezik meg.
	    A kozepvonal helye a kezdetekkor x+width/2=20+100/2=70.
	    A vegen pedig a x+width/2=x+50/2=70 => x=70-25=45,
	    tehat az x ertekenek 45-re kell valztoznia az animacio soran.
	    A bal felso pont x koordinatajanak modositasa:-->
	<animate attributeName="x"
		 attributeType="XML"
		 from="20" to="45"
		 begin="1s" dur="5s"
		 fill="freeze"/>
</rect>

</svg>