SVG <polilinha>
Polilinha SVG - <polilinha>
Exemplo 1
O elemento <polyline> é usado para criar qualquer forma que consiste apenas em linhas retas (que são conectadas em vários pontos):
Segue o código SVG:
Exemplo
<svg height="200" width="500">
<polyline points="20,20 40,25 60,40 80,120 120,140 200,180"
style="fill:none;stroke:black;stroke-width:3" />
</svg>
Explicação do código:
- O atributo points define a lista de pontos (pares de coordenadas xey) necessários para desenhar a polilinha
Exemplo 2
Outro exemplo com apenas linhas retas:
Segue o código SVG:
Exemplo
<svg height="180" width="500">
<polyline points="0,40 40,40 40,80 80,80 80,120 120,120 120,160"
style="fill:white;stroke:red;stroke-width:4" />
</svg>