Círculos en SVG. El elemento Circle.
La
forma básica que nos permite crear Círculos en SVG es circle.
Para crear un circulo simplemente nos basta con conocer dos cosas: las coordenadas
en las cuales queremos ubicar al circulo y el radio del mismo. Es por ello que
la etiqueta nos ofrece los siguientes atributos:
- cx = "coordenada", la coordenada del eje X. En el caso de no ser especificado toma un valor de 0.
- cy = "coordenada", la coordenada del eje Y. En el caso de no ser especificado toma un valor de 0.
- r = "longitud", radio del circulo. Un valor de 0 deshabilitaría el renderizado del circulo y un valor negativo sería un error.
La etiqueta circle nos quedará de la siguiente manera:
<CIRCLE CX="coordenada" CY="coordenada" R="longitud"/>
Las técnicas de coloreado, bordes, opacidad,... son genéricas para todas las formas básicas (Shapes).
