Latest web development tutorials

SVG rotonda

SVG rotondo - <circle>

<Circle> tag viene utilizzato per creare un cerchio:

Ecco il codice SVG:

Esempi

<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>

Prova »

Per gli utenti di Opera: file in formato SVG vista (tasto destro del mouse sulla grafica anteprima Source SVG).

analisi del codice:

  • cx e cy attributi definiscono le coordinate x e y dei punti. Se si omette il centro e cx cy, il cerchio è impostato su (0, 0)
  • attributo R definisce il raggio del cerchio