Latest web development tutorials

SVG Round

SVG round - <cercle>

<Cercle> est utilisé pour créer un cercle:

Voici le code SVG:

Exemples

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red"/>
</svg>

Essayez »

Pour les utilisateurs d' Opera: vue fichier SVG (clic droit sur le graphique aperçu la source SVG).

Analyse de code:

  • cx et cy attributs définissent les coordonnées x et y des points. Si vous omettez le centre et cx cy, le cercle est réglé sur (0, 0)
  • R attribut définit le rayon du cercle