SVG <círculo>


SVG Círculo - <círculo>

El elemento <circle> se utiliza para crear un círculo:

Sorry, your browser does not support inline SVG.

Aquí está el código SVG:

Ejemplo

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

Explicación del código:

  • Los atributos cx y cy definen las coordenadas x e y del centro del círculo. Si se omiten cx y cy, el centro del círculo se establece en (0,0)
  • El atributo r define el radio del círculo.