html5-canvas-drawing-app

Sketchpad app using html5 canvas to draw using touch or mouse, works on iOS, Android, Window Phone and browser. App uses touch events, MSPointer events and mouse events to support iOS, Android, Window Phone and desktop browser.

[Demo] (http://htmlpreview.github.io/?https://raw.githubusercontent.com/krisrak/html5-canvas-drawing-app/master/index_javascript.html)

[index_javascript.html] (https://github.com/krisrak/html5-canvas-drawing-app/blob/master/index_javascript.html)

Canvas drawing app implemented in javascript only - [Demo] (http://htmlpreview.github.io/?https://raw2.github.com/krisrak/html5-canvas-drawing-app/master/index_javascript.html)

[index_jQuery.html] (https://github.com/krisrak/html5-canvas-drawing-app/blob/master/index_jQuery.html)

Canvas drawing app implemented with jQuery, notice that the touch and MSPointer events use event.originalEvent

[index_jQueryMobile.html] (https://github.com/krisrak/html5-canvas-drawing-app/blob/master/index_jQueryMobile.html)

Canvas drawing app implemented with jQuery Mobile for UI elements, other code same as index_jQuery.html

[index_cordova.html] (https://github.com/krisrak/html5-canvas-drawing-app/blob/master/index_cordova.html)

Canvas drawing app with an additional feature to use device's accelerometer to draw by tilting the device in different direction, code same as index_jQueryMobile.html + Cordova's accelerometer implementation.