SVG <circle>

La etiqueta <circle> se puede usar para crear un círculo.

La etiqueta <circle>

La etiqueta <circle> se puede usar para crear un círculo.

Copie el siguiente código en un bloc de notas y guárdelo como "circle1.svg". Coloque este archivo en su directorio web:

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red"/>
</svg>

Explicación del código:

Las propiedades cx y cy definen las coordenadas x e y del punto del círculo. Si se omiten cx y cy, el centro del círculo se establece en (0, 0)

La propiedad r define el radio del círculo.

Ver ejemplo