Tutoriais
https://vvcestudio.com.br/pt/tutorial/html/menu
SVG Line, Polygon e Polyline
SVG é a abreviatura de Scalable Vector Graphics que pode ser traduzido do inglês como gráficos vetoriais escalonáveis. Trata-se de uma linguagem XML para descrever de forma vetorial desenhos e gráficos bidimensionais, quer de forma estática, quer dinâmica ou animada.
Segue exemplo de SVG com line, polygon, polyline.
codigo HTML
x
<svg width="300" height="165">
<polygon points="34,111 125,14 190, 120"/>
<polyline points="10,78 67,43 148,104 178,47 290,130"/>
<line x1="18" y1="16" x2="287" y2="138"/>
</svg>
<polygon points="34,111 125,14 190, 120"/>
<polyline points="10,78 67,43 148,104 178,47 290,130"/>
<line x1="18" y1="16" x2="287" y2="138"/>
</svg>
codigo CSS
x
svg {background-color: blueviolet;}
svg Polygon {fill:coral; stroke:crimson; stroke-width: 3}
svg line { stroke:crimson; stroke-width: 3}
svg polyline { stroke:crimson; stroke-width: 3}
svg Polygon {fill:coral; stroke:crimson; stroke-width: 3}
svg line { stroke:crimson; stroke-width: 3}
svg polyline { stroke:crimson; stroke-width: 3}
Visite outros canais :
