SVG <cirkel>

❮ Vorig Volgende ❯

SVG cirkel - <cirkel>

Het <circle> element wordt gebruikt om een cirkel te maken:

Hier is de SVG-code:

Voorbeeld

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

Code uitleg:

De attributen cx en cy definiëren de x- en y-coördinaten van het middelpunt van de cirkel. Als cx en cy worden weggelaten, wordt het middelpunt van de cirkel ingesteld op (0,0)
Het r-attribuut definieert de straal van de cirkel

❮ Vorig Volgende ❯