Shared Tutorials

Tutorials Shared by the Internet Community


  Top Tutorials     New Tutorials     Submit     Login     Register  

Tutorial Basic Detail

A Simple Touchscreen Sketchpad using Javascript & HTML5

A simple sketchpad app uses the HTML5 canvas tag with touchscreen support to create a richer user experience


Learn how the HTML5 canvas element interacts with Javascript touch events with this easy to use sketchpad app.

The sketchpad is first created using a blank canvas and functions are added for mouse support, followed by touchscreen support, enabling the user to draw on the canvas with an iPad, Android tablet or other touch-compatible device.

Further suggestions are given to extend functionality such as uploading sketched images to the server, and changing ink colors and size.

Rating Detail

 Stars  Percentage  Total Vote
 One star  Vote LeftVote MiddleVote Right 53.81%  106
 Two starsTwo star  Vote LeftVote MiddleVote Right 1.02%  2
 Three starsThree starsThree stars  Vote LeftVote MiddleVote Right 1.02%  2
 Four starsFour starsFour starsFour stars  Vote LeftVote MiddleVote Right 1.02%  2
 Five starsFive starsFive starsFive starsFive stars  Vote LeftVote MiddleVote Right 43.15%  85

Caste Your Vote

 Rating  Selection  Guidelines
 Poor:     Very disappointing, useless.
 Fair:     Below average, disappointing but not useless.
 Good:     About average in its class.
 Very Good:     Above average for its category.
 Excellent:     One of the best Tutorials in its category.