SVG <circle>

SVG-cirkel - <circle>

<circle> Element används för att skapa cirklar:

Detta är SVG-koden:

Exempel

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

Prova själv

Kodförklaring:

  • cx och cy-attributen definierar cirkelns mittpunkts x- och y-koordinater. Om cx och cy utskrivs, sätts mittpunkten till (0,0)
  • r-attribut definierar cirkelns radie