Polylines in SVG: <polyline>

Defining polylines in svg:

<svg xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 1000 200">

  <polyline stroke-width="4"
  stroke="#E4AF4C" fill="none"
  points="327,67 401,147 456,67 520,147
  724,27 650,147" />


Breaking it down

  • points: A list of points. Each point consists two numbers for the X and Y position separated by a space, comma or end of line.
  Tweet It

🕵 Search Results

🔎 Searching...