Círculos con borde en SVG Diciembre 28, 2007
Publicado por lineadecodigo en : SVG , trackbackLo 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
Articulos Similares:
- Dibujar una línea en SVG
- Dibujar un círculo en SVG
- Dibujando multiples lineas en SVG
- Dibujando un polígono: triángulo
- Imagenes con borde
Enviar entrada por email
|
Imprimir
| 3588 visitas





Comentarios»
Todavía no hay comentarios. ¿Quieres ser el primero?