6/1. példa kódja


<?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="400" height="400">

<rect width="400" height="400" style="fill: orange;"/>

<!--Az elso beagyazott svg elem:-->
	<svg x="0%" y="0%" width="50%" height="50%">

	<rect x="0" y="170" width="200" height="30"
		style="fill: tan;"/>
	<rect x="0" y="0" width="200" height="170"
		style="fill: lightblue; fill-opacity: 0.3"/>

	<rect x="40" y="110" width="30" height="70"
		style="fill: sienna;"/>
	<ellipse rx="40" ry="50" cx="55" cy="70"
		style="fill: darkgreen;"/>

	<rect x="130" y="160" width="30" height="20"
		style="fill: maroon;"/>
	<polygon points="105,160 130,90 120,90 145,20 170,90 160,90 185,160"
		style="fill: forestgreen;"/>

	</svg>

<!--A masodik beagyazott svg elem:-->
	<svg x="50%" y="50%" width="50%" height="50%">

	<rect x="0" y="170" width="200" height="30"
		style="fill: tan;"/>
	<rect x="0" y="0" width="200" height="170"
		style="fill: lightblue; fill-opacity: 0.3"/>

	<rect x="40" y="110" width="30" height="70"
		style="fill: sienna;"/>
	<ellipse rx="40" ry="50" cx="55" cy="70"
		style="fill: darkgreen;"/>

	<rect x="130" y="160" width="30" height="20"
		style="fill: maroon;"/>
	<polygon points="105,160 130,90 120,90 145,20 170,90 160,90 185,160"
		style="fill: forestgreen;"/>

	</svg>

</svg>