by David Geary | Publisher: O'Reilly Media, Inc. | Release Date: July 2013 | ISBN: 9781449370800

Learn how to use the HTML5 Canvas element and related HTML5 capabilities such as video and animation. This four-hour video shows you how to make the most of Canvas by demonstrating the use of compelling applications, including drawing programs and image filters. Here are just some of the things students you'll learn how to do: Draw and erase graphics in a canvas Draw and scale images Filter and manipulate images Create animations Use Canvas with other HTML5 elements Intended Audience: If you're an experienced JavaScript developer who wants take full advantage of Canvas, this video is for you. You should be well-versed in JavaScript as well as HTML and CSS. You should also be familiar with computer graphics.

1. Introduction to the HTML5 canvas element 00:24:52
2. Transformations, Gradients, and Patterns 00:22:38
3. Compositing and Custom Components 00:19:55
4. Implementing a Paint Application, Part 1 00:55:45
5. Images 00:23:36
6. Implementing a Paint Application, Part 2 00:17:46
7. Images, Redux 00:11:21
8. Animation 00:44:48
9. Video and Mobile Devices 00:31:56