Skip to content

Instantly share code, notes, and snippets.

@the-gigi

the-gigi/svg-part-one-linejoin.html

Created September 2, 2021 04:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save the-gigi/58a415b2290689ec438116f0690913ff to your computer and use it in GitHub Desktop.
Save the-gigi/58a415b2290689ec438116f0690913ff to your computer and use it in GitHub Desktop.
Download ZIP
Raw
svg-part-one-linejoin.html
<svg width="400" height="400">
<polyline points="40 60 80 20 120 60" stroke="blue" stroke-width="20"
stroke-linecap="butt" fill="none" stroke-linejoin="miter"/>
<polyline points="40 60 80 20 120 60" stroke="white" fill="none"/>
<polyline points="40 140 80 100 120 140" stroke="red" stroke-width="20"
stroke-linecap="round" fill="none" stroke-linejoin="round"/>
<polyline points="40 140 80 100 120 140" stroke="white" fill="none"/>
<polyline points="40 220 80 180 120 220" stroke="green" stroke-width="20"
stroke-linecap="square" fill="none" stroke-linejoin="bevel"/>
<polyline points="40 220 80 180 120 220" stroke="white" fill="none"/>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment