C H A P T E R  2

Using the Canvas API

In this chapter, we’ll explore what you can do with the Canvas API—a cool API that enables you to dynamically generate and render graphics, charts, images, and animation. We’ll walk you through using the basics of the rendering API to create a drawing that can scale and adjust to the browser environment. We’ll show you how to create dynamic pictures based on user input in a heatmap display. Of course, we’ll also alert you to the pitfalls of using Canvas and share tricks to overcome them.

This chapter presumes only a minimal amount of graphics expertise, so don’t be afraid to jump in and try out one of the most powerful features of HTML5.

Overview of HTML5 Canvas

An entire book could be written about the ...

Get Pro HTML5 Programming, Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.