Skip to content

Instantly share code, notes, and snippets.

@dmann99

dmann99/README.md

Last active October 2, 2015 22:55
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 dmann99/ae500700430adb0b6c47 to your computer and use it in GitHub Desktop.
Save dmann99/ae500700430adb0b6c47 to your computer and use it in GitHub Desktop.
Download ZIP
SVG Noodling
Raw
README.md
Raw
index.html
<svg width=600 height=600>
<circle cx="25" cy="35" r="20"
fill="rgba(128, 0, 128, 0.75)"
stroke="rgba(0, 255, 0, 0.25)" stroke-width="10"/>
<circle cx="75" cy="35" r="20"
fill="rgba(0, 255, 0, 0.75)"
stroke="rgba(0, 0, 255, 0.25)" stroke-width="10"/>
<circle cx="125" cy="35" r="20"
fill="rgba(255, 255, 0, 0.75)"
stroke="rgba(255, 0, 0, 0.25)" stroke-width="10"/>
<ellipse cx="300" cy="29" rx="100" ry="25"/>
<text x="150" y="100" font-family="serif"
font-size="25" fill="gray">Some Text</text>
<rect x="0" y="100" width="30" height="30" fill="purple"/>
<rect x="20" y="105" width="30" height="30" fill="blue"/>
<rect x="40" y="110" width="30" height="30" fill="green"/>
<rect x="60" y="115" width="30" height="30" fill="yellow"/>
<rect x="80" y="120" width="30" height="30" fill="red"/>
<path d="M344,361 h-150 a150,150 0 1,0 150,-150 z"
fill="red" stroke="blue" stroke-width="5" />
<path d="M391,401 v-150 a150,150 0 0,0 -150,150 z"
fill="yellow" stroke="blue" stroke-width="5" />
<path d="M17,353 l 50,-25
a25,25 -30 0,1 50,-25 l 50,-25
a25,50 -30 0,1 50,-25 l 50,-25
a25,75 -30 0,1 50,-25 l 50,-25
a25,100 -30 0,1 50,-25 l 50,-25"
fill="none" stroke="red" stroke-width="5" />
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment