Untitled

//zad1

<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <svg width="200" height="250" version="1.1" xmlns="http://www.w3.org/2000/svg">
        <polyline points="40 100 40 60 60 70 80 60 80 100"
                  stroke="orange" fill="transparent" stroke-width="5"/>
        <polyline points="90 100 90 60 120 60 120 80 90 80"
                  stroke="orange" fill="transparent" stroke-width="5"/>
        <polygon points="50 160 100 150 100 200 50 190"
                 stroke="blue" fill="transparent" stroke-width="5"/>
        <polygon points="50 175 100 175"
                 stroke="blue" fill="transparent" stroke-width="2"/>
        <polygon points="75 155 75 195"
                 stroke="blue" fill="transparent" stroke-width="2"/>
        </svg>


    </body>
</html>

//zad2

<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <svg width="200" height="250" version="1.1" xmlns="http://www.w3.org/2000/svg">
        <path d="M20,170 Q60,120 80,170" fill="none" stroke="black" stroke-width="2"/>
        <path d="M20,230 Q60,110 80,230" fill="none" stroke="black" stroke-width="2"/>
        <path d="M20,230 Q60,200 100,250" fill="none" stroke="black" stroke-width="2"/>
        <path d="M41,180 Q65,195 55,205" fill="none" stroke="blue" stroke-width="1"/>
        <path d="M55,205 Q40,200 60,220" fill="none" stroke="blue" stroke-width="1"/>
        </svg>
    </body>
</html>

//zad3

<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <svg width="500" height="500">
        <polygon points="0 150 200 350 400 150 200 350"
                 stroke="green" fill="transparent" stroke-width="2"/>
        <g transform="translate(20,20)">
        <polygon points="0 80 0 120"
                 stroke="black" fill="transparent" stroke-width="2"/>
        <polygon points="-10 90 0 100"
                 stroke="black" fill="transparent" stroke-width="2"/>
        <polygon points="10 90 0 100"
                 stroke="black" fill="transparent" stroke-width="2"/>
        <polygon points="-10 135 0 120"
                 stroke="black" fill="transparent" stroke-width="2"/>
        <polygon points="10 135 0 120"
                 stroke="black" fill="transparent" stroke-width="2"/>
        <circle cx="0" cy="80" r="5" />
        <animateMotion path="M 0 0 L 180 180 L 320 20 L 180 180 L 0 0" dur="5s" fill="freeze" />
        </g>
        </svg>
    </body>
</html>