Use SVG to create setups

[jgraycar]

Canvas and SVG appear to be the two best options, but since Canvas doesn't support element interaction out of the box, SVG looks like the better choice.

[jgraycar]

Libraries for manipulating SVG elements

• https://github.com/wout/svg.js
• https://github.com/wout/svg.draggable.js

Helpful Articles

• http://www.petercollingridge.co.uk/interactive-svg-components/draggable-svg-element

[jgraycar]

If canvas turns out to be easier, here's an example of how it can be done: http://html5.litten.com/how-to-drag-and-drop-on-an-html5-canvas/

[jgraycar]

Upon further investigation, it looks like the correct way to do this would be for each instrument to be a draggable SVG element, all contained within one parent div (or something), using something like the interact.js library.