Neueste Web-Entwicklung Tutorials
 

SVG <Kreis>


SVG-Kreis - <Kreis>

Der <circle> Element wird verwendet , um einen Kreis zu erstellen:

Sorry, Ihr Browser unterstützt keine Inline-SVG.

Hier ist der SVG-Code:

Beispiel

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

Code explanation:

  • Die cx und cy Attribute definieren die x- und y-Koordinaten der Mitte des Kreises. Wenn cx und cy weggelassen werden, in der Mitte des Kreises wird auf (0,0)
  • Die r Attribut definiert den Radius des Kreises