Skip to content

Instantly share code, notes, and snippets.

@roundrobin
Created February 14, 2013 21:30
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 roundrobin/4956579 to your computer and use it in GitHub Desktop.
Save roundrobin/4956579 to your computer and use it in GitHub Desktop.
SVG Path Element
{"description":"SVG Path Element","endpoint":"","display":"svg","public":true,"require":[{"name":"Helpers","url":"https://raw.github.com/roundrobin/svg-path-generator/master/svg-path-generator.js"}],"fileconfigs":{"inlet.js":{"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":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01}
var svg = d3.select("svg");
//Uses the svg-path-generator class
//https://github.com/roundrobin/svg-path-generator
var path = new Path(svg)
path.add(['m',200,100]);
path.add(['l',136,100]);
path.add(['L',452,93]);
path.add(['l',262,174]);
path.add(['a',40,67,67,0,1,274,20]);
path.add(['a',6,7,0,0,1,-380,60]);
path.add(['a',14,-5,0,0,1,-83,-67]);
path.add(['C',1230,36,54,100,50,267]);
path.render();
path.showPoints()
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment