17/3. feladat megoldása

<?xml version="1.0"?>

<!DOCTYPE svg PUBLIC "-//W3C//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>
<mask id="piros" x="0" y="0" width="1" height="1"
      maskContentUnits="objectBoundingBox">
   <circle r="0.5" cx="0.5" cy="0.5"
           style="fill: red; fill-opacity: 1;"/>
</mask>
</defs>

<rect x="10" y="10" width="80" height="80"
      style="fill: red; mask: url(#piros)"/>
<rect x="110" y="10" width="80" height="80"
      style="fill: green; mask: url(#piros)"/>
<rect x="210" y="10" width="80" height="80"
      style="fill: blue; mask: url(#piros)"/>

</svg>