Learn HTML5 Graphics and Animation

HTML5 includes powerful drawing APIs that allow you to use the canvas element and JavaScript to draw whatever you want, directly on the page.

• Introduction to the HTML Canvas element
• Drawing Paths - Lines and Rectangles
• Drawing Paths - Curves and Arcs
• Drawing Styles on HTML5 Canvas
• Gradient Fills on the HTML5 Canvas
• Drawing Text on Canvas
• HTML Canvas and Images
• Canvas Effects
• Canvas Transformations
• Canvas and Pixels
• Listening for Mouse and Keyboard Events with HTML Canvas
• Animating with Canvas