SVG <círculo>


Círculo SVG - <círculo>

O elemento <circle> é usado para criar um círculo:

Sorry, your browser does not support inline SVG.

Segue o código SVG:

Exemplo

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

Explicação do código:

  • Os atributos cx e cy definem as coordenadas xey do centro do círculo. Se cx e cy forem omitidos, o centro do círculo será definido como (0,0)
  • O atributo r define o raio do círculo