Skip to Main Content
HTML5 Digital Classroom
book

HTML5 Digital Classroom

by Jeremy Osborn, AGI Creative Team
October 2011
Intermediate to advanced content levelIntermediate to advanced
448 pages
10h 15m
English
Wiley
Content preview from HTML5 Digital Classroom

Lesson 10: Working with Canvas

html5_05_opener.psd

Canvas is a two-dimensional drawing API that is part of the HTML5 specification. The inclusion of a native drawing API enables developers to create drawings dynamically on a web page, often based on retrieved data or user interaction. Unlike the familiar formats for images such JPGs and PNGs, drawings created with Canvas can be updated in real-time.

What you’ll learn in this lesson:

  • Understanding the Canvas element
  • Drawing shapes and paths
  • Applying colors and gradient brushes
  • Animating compositions

Starting up

You will work with several files from the HTML5_10lessons folder in this lesson. Make sure you have loaded the HTML5lessons folder onto your hard drive from www.digitalclassroombooks.com/HTML5. See “Loading lesson files” in the Starting Up section of this book.

To accurately preview the HTML5 content you will create in this lesson, you need a browser that supports HTML5 tags. See “Using web browsers that support HTML5 tags” in the Starting Up section of this book to determine whether you are using such a browser, or for instructions on downloading one.

You can use the Canvas HTML element to define the drawing surface, but you must define the drawing instructions and the resulting lines, shapes, and colors in JavaScript. In this lesson, you will learn the fundamentals of the Canvas API, which include drawing shapes, paths, text and ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Sams Teach Yourself CSS 24 in Hours

Sams Teach Yourself CSS 24 in Hours

Kynn Bartlett

Publisher Resources

ISBN: 9781118128770Purchase bookOther