SVG <circle>

Cerchio SVG - <circle>

<circle> L'elemento viene utilizzato per creare cerchi:

Questo è il codice SVG:

Esempio

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

Prova personalmente

Codice di spiegazione:

  • Le proprietà cx e cy definiscono le coordinate x e y del centro del cerchio. Se cx e cy vengono omessi, il centro del cerchio viene impostato su (0,0).
  • L'attributo r definisce il raggio del cerchio.