Accueil    Codes    svg - circle
 



Html5 SVG - element circle  Html5 SVG - element circle



Création d'éléments SVG de type circle



L'élément circle permet de dessiner un cercle. Il se base sur les coordonnées du centre du cercle et sur le rayon de celui-ci :
    - cx : Coordonnée sur l'axe X du centre du cercle
    - cy : Coordonnée sur l'axe Y du centre du cercle
    - r : Rayon du cercle


Exemple SVG - Cercle



<svg width="600" height="200" viewBox="0 0 600 200" xmlns="http://www.w3.org/2000/svg">
   <desc>Exemple SVG - Cercle</desc>

   <circle cx="150" cy="100" r="70" fill="none" stroke="black" stroke-width="2" />
   <circle cx="450" cy="100" r="70" fill="lightsteelblue" stroke="midnightblue" stroke-width="6" />
</svg>