11/4. 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="300" height="100">

<defs>
 <linearGradient id="atmenet" x1="20%" y1="20%" x2="60%" y2="60%">
  <stop offset="0%" style="stop-color: blue;"/>
  <stop offset="100%" style="stop-color: yellow;"/>
 </linearGradient>

 <linearGradient id="folytatas"
  xlink:href="#atmenet" spreadMethod="pad"/>
 <linearGradient id="ismetles"
  xlink:href="#atmenet" spreadMethod="repeat"/>
 <linearGradient id="tukrozes"
  xlink:href="#atmenet" spreadMethod="reflect"/>
</defs>

<circle cx="50" cy="50" r="40" style="fill: url(#folytatas);"/>
<circle cx="150" cy="50" r="40" style="fill: url(#ismetles);"/>
<circle cx="250" cy="50" r="40" style="fill: url(#tukrozes);"/>
</svg>