Rellenos y trazos

Las formas tienen un color de relleno negro predeterminado y bordes de trazo transparentes, a menos que asigne cadenas de colores diferentes a los atributos SVG (o propiedades CSS) fill y stroke.

En el siguiente SVG, se dibujaron tres líneas rectas utilizando los atributos obligatorios x1/y1 y x2/y2 para los elementos <line>. Serían invisibles si el atributo stroke no estuviera presente. El valor predeterminado de stroke-width es 1.

Además del ancho y el color, puede controlar muchos otros atributos de trazo, como la transparencia (stroke-opacity), las matrices de trazos (stroke-dasharray), los remates de línea (stroke-linecap) y otros (consulte SVG/5-rect-stroke.html). Si solo desea trazar el contorno de una forma cerrada, debe redefinir su relleno a “ninguno” o establecer la opacidad de relleno a cero, ya que las formas cerradas tienen rellenos negros opacos por defecto.