SVG <circle>

SVG Circle - <circle>

<circle> The element is used to create a circle:

This is the SVG code:

Example

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

Try it yourself

Code Explanation:

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