AngularJS – HTML5 Canvas Drag and Drop Directive Using KineticJS

Tuesday, January 7, 2014

Recently for one of my projects I needed to add drag and drop (DnD) functionality. After examining the native HTML5 DnD I come to conclusion that the awesome HTML5 feature still suffers from cross browser computability issues, second of all the lack of mobile touch support really pissed me off. On the other hand, Canvas has no cross browser computability issues and has a great touch support. To make a long story short, I implemented Canvas DnD functionality in AngularJS directive. We use KineticJS -an HTML5 Canvas JavaScript framework that enables high performance animations, transitions, node nesting, layering, filtering, caching, event handling...
no comments