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

DataCamp

Power BI Fundamentals - Create visualizations and dashboards from scratch

Simplilearn

Build with Azure OpenAI, Copilot Studio & Agentic Frameworks — Microsoft Certified

Overview

Build a Learning Habit

Download Class Central's free printable study calendar

Download for Free

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