Latest web development tutorials

SVG em linha reta

SVG em linha reta - <line>

<Linha> elemento é usado para criar uma linha reta:

Aqui está o código SVG:

Exemplos

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<line x1="0" y1="0" x2="200" y2="200"
style="stroke:rgb(255,0,0);stroke-width:2"/>
</svg>

tente »

Para Opera usuários: arquivos SVG vista , clique com o botão direito os gráficos de visualização fonte SVG).

  • x1 atributo eixo x define o início de uma linha
  • Y1 no eixo y é definido atributo start linha
  • atributos X2 final definido na linha de eixo-x
  • atributos y2 definido no eixo Y da extremidade da linha de