A Simple Touchscreen Sketchpad using Javascript & HTML5

Tutorials Shared by the Internet Community


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


  • Total Hits - 29222

  • Total Votes - 208 votes

  • Vote Up - 93 votes

  • Vote Down - 115 votes

  • Domain - zipso.net

  • Category - Java Script/Development

  • Submitted By - Stephen Gallagher

  • Submitted on - 2014-04-29 14:01:06


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.    More detail...

Broken  |   Tweet  |   Facebook  |     |   Save  |   Liked  |   Down