SVG Element Noodling

_.md

[ Launch: Tributary inlet ] b8269f53fdeec79ec55b by dmann99

config.json

{"description":"SVG Element Noodling","endpoint":"","display":"div","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"index.html":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"pingpong","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"ajax-caching":true,"thumbnail":"http://i.imgur.com/sRbFubY.png"}

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>

inlet.js

{}