Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

Polyline - Snail

<svg height="210" width="500" xmlns="http://www.w3.org/2000/svg">
  <polyline
     points="
        10,10
        190,10
        190,190
        20,190
        20,20
        180,20
        180,180
        30,180
        30,30
        170,30
        170,170
        40,170
        40,40
        160,40
        160,160
        50,160
        50,50
        150,50
        150,150
        60,150
        60,60
        140,60
        140,140
        70,140
        70,70
        130,70
        130,130
        80,130
        80,80
        120,80
        120,120
        90,120
        90,90
        110,90
        110,110
        100,110
        100,100
     "
     style="fill:none;stroke:red;stroke-width:3" />
</svg>

Polygon


<svg height="210" width="500" xmlns="http://www.w3.org/2000/svg">
  <polyline
     points="
        10,10
        50,70
        90,10
        130,70
        170,10
     "
    fill="none"
    stroke="cyan"
    stroke-width="3"
  />
</svg>

Polygon