SVG <circle>

SVG cirkel - <circle>

<circle> Element bruges til at oprette cirkler:

Dette er SVG-koden:

Eksempel

<svg height="100" width="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>

Prøv det selv

Kodeforklaring:

  • cx og cy egenskaberne definerer cirkelkernes x og y koordinater. Hvis cx og cy udelades, sættes cirkelkernen til (0,0)
  • r egenskaben definerer cirkelens radius