Skip to content

Instantly share code, notes, and snippets.

@the-gigi

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

Created September 2, 2021 04:40
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/018a04b7e97ba2f5c7bcd3115d8fb106 to your computer and use it in GitHub Desktop.
Save the-gigi/018a04b7e97ba2f5c7bcd3115d8fb106 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
svg-part-one-linecap.html
<svg>
<line x1="20" x2="120" y1="20" y2="20" stroke="blue" stroke-width="15" stroke-linecap="butt"/>
<line x1="20" x2="120" y1="20" y2="20" stroke="white"/>
<line x1="20" x2="120" y1="60" y2="60" stroke="red" stroke-width="15" stroke-linecap="square"/>
<line x1="20" x2="120" y1="60" y2="60" stroke="white"/>
<line x1="20" x2="120" y1="100" y2="100" stroke="green
" stroke-width="15" stroke-linecap="round"/>
<line x1="20" x2="120" y1="100" y2="100" stroke="white"/>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment