SVG <polyline>

SVG\ polyline\ -\ <polyline>

Example\ 1

<polyline> The\ element\ is\ used\ to\ create\ any\ shape\ consisting\ only\ of\ lines\ (connected\ at\ multiple\ points):\

To\ SVG\ code:\

<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>

Spróbuj sam

Code\ explanation:\

• The\ "points"\ attribute\ defines\ the\ list\ of\ points\ (x\ and\ y\ coordinate\ pairs)\ required\ to\ draw\ the\ polyline

Example\ 2

Another\ example\ with\ only\ lines:\

To\ SVG\ code:\

<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>

Spróbuj sam