Create a Drawing App with HTML5 Canvas and JavaScript

Tags:
130
vote

This tutorial will take you step by step through the development of a simple web drawing application using HTML5 canvas and its partner JavaScript. The aim of this article is to explore the process of creating a simple app along the way learn: •How to draw dynamically on HTML5 canvas •The future possiblities of HTML5 canvas •The current browser compatibility of HTML5 canvas Each step includes a working demo; if you want to skip ahead: •Simple Demo •Colors Demo •Sizes Demo •Tools Demo •Outline Demo •Complete Demo