SVG <line>

Línea SVG - <line>

<line> El elemento se utiliza para crear una línea:

Este es el código SVG:

<svg height="210" width="500">
  <line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" />
</svg>

Prueba por tu cuenta

Explicación del código:

  • Definición de propiedad x del punto de partida de la línea en el eje X
  • La propiedad y1 define el punto de partida de la línea en el eje y
  • La propiedad x2 define el punto final de la línea en el eje x
  • La propiedad y2 define el punto final de la línea en el eje y