Círculos con borde en SVG

28/Dic/2007 SVG , , , , Deja un comentario

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;"/>

Visualizar el ejemplo | Descargar el código

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*