SVG <Kreis>

❮ Vorherige Nächste ❯

SVG-Kreis - <Kreis>

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

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>

Code-Erklärung:

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

❮ Vorherige Nächste ❯