12/3. feladat megoldása

Az SVG dokumentum forrása


<?xml version="1.0"?>
<?xml-stylesheet href="f12_3.css" type="text/css"?>

<!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">

<style type="text/css">
<![CDATA[

rect {stroke: yellow;}

]]>
</style>

<rect x="20" y="50" width="30" height="40"/>
<rect x="120" y="50" width="10" height="70"/>
<rect x="50" y="130" width="40" height="40"/>

<circle cx="170" cy="170" r="20"/>
<circle cx="90" cy="20" r="10"/>
<circle cx="160" cy="30" r="15"/>

</svg>

A csatolt síluslap tartalma


circle {fill: none;
         stroke: blue;}

rect {stroke: orange;
      stroke-width: 3;}