Lo primero que tendremos que hacer será dibujar un circulo. Para ello utilizamos la etiqueta <CIRCLE/>. Es bastante interesante que le eches un vistazo al ejemplo Dibujar un círculo en SVG para poder acometer la tarea.
Una vez tengamos nuestro circulo, simplemente tendremos que «abusar» de dos atributos:
- stroke: indica el color del borde.
- stroke-width: indica el ancho del borde.
Al final tendremos el siguiente código:
<circle cx="100" cy="100" r="50" stroke="blue" stroke-width="10" style="fill:cyan;"/>
