SVG pasiño a pasiño

Bordes e recheos de gráficos dentro de SVG

Todos os gráficos SVG poseún borde e recheo. A apariencia destes dous aspectos poden ser controlados mediante varias propiedades que evidentemente irán na etiqueta de apertura de cada gráfico.

Enfocaremos en coñecer as propiedades que nos permitan controlar o borde e fondo.

Propiedade stroke SVG

As propiedades relacionadas ó borde son:

• stroke: permite definir a cor.
• stroke-width: ancho de borde.
• stroke-linecap: estilo de terminación de borde.
• stroke-dasharray: estilo de borde discontinua.
• stroke-opacity: opacidade de borde.

Propiedade fill svg

As propiedades relacionadas ó estilo de fondo de figuras SVG son:

• fill: cor de fondo.
• fill-opacity: opacidade de fondo.
• fill-rule: cor total ou parcial.