Skip to content

Instantly share code, notes, and snippets.

@joastbg
Created February 25, 2016 21:27
Show Gist options
  • Save joastbg/f748c649e73c265f7c28 to your computer and use it in GitHub Desktop.
Save joastbg/f748c649e73c265f7c28 to your computer and use it in GitHub Desktop.
Ellipse SVG
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg height="500" width="500">
<defs>
<marker id="arrow" markerWidth="10" markerHeight="10" refx="0" refy="3" orient="auto" markerUnits="strokeWidth">
<path d="M0,0 L0,6 L9,3 z" fill="#000" />
</marker>
</defs>
<ellipse cx="250" cy="250" rx="160" ry="90" style="fill:rgb(230,230,230);stroke:black;stroke-width:3"
transform = "translate(0 100) rotate(-45 250 250)"/>
<line x1="160" y1="250" x2="340" y2="250" style="stroke:rgb(0,0,0);stroke-width:2" transform ="translate(0 100) rotate(45 250 250) "/>
<line x1="90" y1="250" x2="410" y2="250" style="stroke:rgb(0,0,0);stroke-width:2" transform =" translate(0 100) rotate(-45 250 250)"/>
<line x1="25" y1="250" x2="475" y2="250" style="stroke:rgb(0,0,0);stroke-width:1.5" transform ="translate(0 160) rotate(90 250 250)" stroke-dasharray="5, 3"/>
<line x1="25" y1="250" x2="475" y2="250" style="stroke:rgb(0,0,0);stroke-width:1.5" transform ="translate(0 100) rotate(0 250 250)" stroke-dasharray="5, 3"/>
<path d="M10 80 C 40 10, 65 10, 95 80 S 150 150, 180 80" stroke="black" stroke-width="1" fill="transparent" transform ="scale(2.65 1.5) translate(0 -25)"/>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment