SVG <circle>

Der <circle>-Tag kann verwendet werden, um einen Kreis zu erstellen.

Der <circle>-Tag

Der <circle>-Tag kann verwendet werden, um einen Kreis zu erstellen.

Kopieren Sie den folgenden Code in ein Textverarbeitungsprogramm und speichern Sie die Datei als "circle1.svg". Legen Sie diese Datei in Ihren Web-Ordner:

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red"/>
</svg>

Code-Explainierung:

Die Eigenschaften cx und cy definieren die x- und y-Koordinaten des Punktes. Wenn cx und cy weggelassen werden, wird der Mittelpunkt des Kreises auf (0, 0) gesetzt

Die Eigenschaft r definiert den Radius des Kreises.

Beispiel anzeigen