Ben's Sandbox
  • Projects
  • Tags

Creating an SVG Slider Using Raphael Path Functions


View Blog   View Source  
This demo utilizes some of the path funtionality in Raphael to create a slider that follows a non-linear path. The demo makes use of the getPointAtLength() function to find a point on the path relative to the current drag position. Click one of the buttons to change the shape the slider know will be attached to and then drag the knob to see how it works.

© Ben Olson 2012 with help from Jekyll Bootstrap and Twitter Bootstrap