javascript developers can create freeform graphics on a drawing surface known as the Canvas. The Canvas unlocks the ability to create rich, native web applications with 2D and 3D graphics. In this course, instructor Joe Marini introduces the technical concepts behind Canvas and shows how to perform drawing operations directly in a webpage. Learn how to draw basic and complex shapes, adjust colors and styles, and add shadows, patterns, and gradients. Then explore more advanced techniques such as scaling, rotating, and compositing objects. Plus, discover how to use Canvas elements to build a full-featured slideshow and a double-buffered animation.

Topics include:

Canvas examples

Drawing shapes, arcs, paths, and curves

Drawing text

Drawing shadows, patterns, and gradients

Using clipping paths

Displaying images and video

Transforming objects with scaling and rotation

Manipulating raw pixels

Applying transitions

Creating animations