SVG <cercle>


Cercle SVG - <cercle>

L'élément <circle> est utilisé pour créer un cercle :

Sorry, your browser does not support inline SVG.

Voici le code SVG :

Exemple

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

Explication du code :

  • Les attributs cx et cy définissent les coordonnées x et y du centre du cercle. Si cx et cy sont omis, le centre du cercle est défini sur (0,0)
  • L'attribut r définit le rayon du cercle