Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Learn HTML5 Graphics and Animation

Go to class Write review

Financial Edge

The Investment Banker Certification

Scrimba

Get 20% off all career paths from fullstack to AI

Overview

Google, IBM & Meta Certificates – 40% Off

One plan covers every Professional Certificate on Coursera.

Unlock All Certificates

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

Syllabus

Introduction to the HTML Canvas element
Introduction to the HTML Canvas element
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
Drawing Paths - Lines and Rectangles
Drawing Paths - Lines and Rectangles
Drawing Paths - Curves and Arcs
Drawing Paths - Curves and Arcs
Drawing Styles on HTML5 Canvas
Drawing Styles on HTML5 Canvas
Gradient Fills on the HTML5 Canvas
Gradient Fills on the HTML5 Canvas
Drawing Text on Canvas
Drawing Text on Canvas
HTML Canvas and Images
HTML Canvas and Images
Canvas Effects
Canvas Effects
Canvas Transformations
Canvas Transformations
Canvas and Pixels
Canvas and Pixels
Listening for Mouse and Keyboard Events with HTML Canvas
Listening for Mouse and Keyboard Events with HTML Canvas
Animating with Canvas
Animating with Canvas

Taught by

Keith Peters

Reviews

Start your review of Learn HTML5 Graphics and Animation