Working with the HTML5 canvas in web projects

April 2013

Software & Technologies

Dreamweaver CS6, HTML5, Canvas, JavaScript, Effects

Overview

The HTML5 canvas is an interesting feature of this increasingly widespread web standard. With it you can draw dynamic content to any web page and add features like drawing tools, animation and graphic effects, and interactivity to your websites.

fig1.fw

Fig 1: Animated bubble effect created on the HTML5 canvas

This article gives you an overview of the HTML5 canvas, along with a handful of examples to get you started. The animated banner sample in Fig 1 shows an application of the key concepts that I cover.

Links

http://www.adobe.com/inspire/2013/04/dreamweaver-cs6-html5-canvas.html

**This article has been retired along with other Adobe Inspire Magazine content.  (December 2015)