Фракталы или треугольники Серпинского на SVG

Все кто изучал программирование знает про рекурсию и обязательно видел и знает про фракталы Серпинского, которые часто показывают как геометрический пример рекурсии. Так что удивит никого этими треугольниками нельзя. Но, у нас они построены с использованием SVG-графики. Смотрите рисунок ниже. А теперь для любителей кода приводим svg-код, с помощью которого и построен этот фрактал:
<?xml version="1.0"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" height="450" > <defs> <style type="text/css"><![CDATA[ .triangle {fill:#2244aa; stroke:none;} ]]></style> <polygon id="triangle" class="triangle" points="0,0 0,1, 1,0"/> <g id="level1"> <use xlink:href="#triangle" x="0" y="0"/> <use xlink:href="#triangle" x="0" y="1"/> <use xlink:href="#triangle" x="1" y="0"/> </g> <g id="level2"> <use xlink:href="#level1" x="0" y="0"/> <use xlink:href="#level1" x="0" y="2"/> <use xlink:href="#level1" x="2" y="0"/> </g> <g id="level3"> <use xlink:href="#level2" x="0" y="0"/> <use xlink:href="#level2" x="0" y="4"/> <use xlink:href="#level2" x="4" y="0"/> </g> <g id="level4"> <use xlink:href="#level3" x="0" y="0"/> <use xlink:href="#level3" x="0" y="8"/> <use xlink:href="#level3" x="8" y="0"/> </g> <g id="level5"> <use xlink:href="#level4" x="0" y="0"/> <use xlink:href="#level4" x="0" y="16"/> <use xlink:href="#level4" x="16" y="0"/> </g> <g id="level6"> <use xlink:href="#level5" x="0" y="0"/> <use xlink:href="#level5" x="0" y="32"/> <use xlink:href="#level5" x="32" y="0"/> </g> <g id="level7"> <use xlink:href="#level6" x="0" y="0"/> <use xlink:href="#level6" x="0" y="64"/> <use xlink:href="#level6" x="64" y="0"/> </g> </defs> <g transform="matrix(3, 0, 0, -3, 50, 420)"> <use xlink:href="#level7"/> </g> </svg>