Tutorials
https://vvcestudio.com.br/en/tutorial/html/svg03/menu
SVG Line, Polygon e Polyline
SVG is the abbreviation for Scalable Vector Graphics which can be translated from English as scalable vector graphics. It is an XML language for describing two-dimensional drawings and graphics in vector form, whether statically, dynamically or animatedly.
Below is an example of SVG with line, polygon, polyline.
HTML code:
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>
CSS code:
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}
Visit other channels :
