SVG Tehtävät

1. Peruskuviot

Pyöristetty suorakulmio


<rect x="30" y="20" width="140" height="70"
rx="20" ry="20"
fill="lightblue"
stroke="black"
stroke-width="4"/>

Ympyrä


<circle cx="100" cy="60" r="40"
fill="orange"
stroke="black"
stroke-width="5"/>

Tähti (polygon)


<polygon points="100,20 120,80 180,80 130,110 150,170
100,130 50,170 70,110 20,80 80,80"
fill="yellow"
stroke="black"
stroke-width="4"/>

2. Numero 8


<path d="
M100 40
C140 40 140 90 100 90
C60 90 60 40 100 40

M100 90
C140 90 140 140 100 140
C60 140 60 90 100 90
"
fill="red"
stroke="black"
stroke-width="5"/>

3. Jalokivi


<polygon points="60,20 160,20 200,60 110,140 20,60"
fill="cyan"
stroke="black"
stroke-width="4"/>

<line x1="60" y1="20" x2="110" y2="140" stroke="black"/>
<line x1="160" y1="20" x2="110" y2="140" stroke="black"/>
<line x1="20" y1="60" x2="110" y2="140" stroke="black"/>
<line x1="200" y1="60" x2="110" y2="140" stroke="black"/>