Tiny Library for interactive tasks, for connecting labels to SVGs and implementing simple Drag & Drop elements
Mobile Friendly!
The library has two functions:
-
makeDraggables() It's a simple Drag & Drop Script
-
makeConnectables() It's a Drag & Drop that works with SVG images as in the screenshot below.
The user is allowed to hover and drop to the SVG images with the handle.
https://docs.google.com/document/d/1Cx_bdTMuX3uoVzTRy8GHh1cateSe0UDgCwmhvrV_qzI/edit?usp=sharing
The files: draggables.html & connectables.html are functional examples of the library and can be seen working here:
https://diogoslepetys.github.io/DragDropHandles/draggables.html
https://diogoslepetys.github.io/DragDropHandles/connectables.html
Thank You