A Simple Touchscreen Sketchpad using Javascript & HTML5

Tutorials Shared by the Internet Community

Advertisements


Synopsis

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

Statistics

  • Total Hits - 27863

  • 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

Description

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


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

Advertisements