Canvas Cheat Sheet

HTML5 Canvas Cheat Sheet

HTML5 Canvas Mobile Touch Events Tutorial

Discussion

To bind event handlers to shapes on a mobile device with KineticJS, we can use the on() method.  The on() method requires an event type and a function to be executed when the event occurs.  KineticJS supports touchstart, touchmove, touchend, tap, dbltap, dragstart, dragmove, and dragend mobile events.

Note: This example only works on iOS and Android mobile devices because it makes use of touch events rather than mouse events.

Instructions: move your finger across the triangle to see touch coordinates and touch start and touch end the circle.

comments powered by Disqus