Skip to content

Instantly share code, notes, and snippets.

@jdmichaud
Created November 8, 2018 16:07
Show Gist options
  • Save jdmichaud/2c03afdb69be2222089f94674c1935d7 to your computer and use it in GitHub Desktop.
Save jdmichaud/2c03afdb69be2222089f94674c1935d7 to your computer and use it in GitHub Desktop.
SVG cursor
Display the source blob
Display the rendered blob
Raw
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" version="1.1">
<circle cx="50" cy="50" r="48" stroke="blue" stroke-width="4" fill="transparent" />
<line x1="50" y1="1" x2="50" y2="31" stroke="blue" stroke-width="4" stroke-linecap="round" />
<line x1="50" y1="99" x2="50" y2="69" stroke="blue" stroke-width="4" stroke-linecap="round" />
<line x1="1" y1="50" x2="31" y2="50" stroke="blue" stroke-width="4" stroke-linecap="round" />
<line x1="69" y1="50" x2="99" y2="50" stroke="blue" stroke-width="4" stroke-linecap="round" />
<line x1="50" y1="30" x2="50" y2="70" stroke="lightgrey" stroke-width="1" />
<line x1="31" y1="50" x2="69" y2="50" stroke="lightgrey" stroke-width="1" />
<circle cx="50" cy="50" r="2" stroke="blue" stroke-width="1" fill="black" />
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment