SVG <line>

Linha SVG - <line>

<line> O elemento é usado para criar uma linha:

Este é o 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>

Experimente pessoalmente

Explicação do código:

  • Definição da propriedade x do ponto de partida da linha do eixo x
  • A propriedade y1 define o ponto inicial da linha no eixo y
  • A propriedade x2 define o ponto final da linha no eixo x
  • A propriedade y2 define o ponto final da linha no eixo y