이 책은 크게 두 부분으로 구분된다. 처음 네 개의 장으로 책의 절반을 차지하고 있는 책의 전반부에서는 도형 및 텍스트를 캔버스에 그리는 방법과 이미지를 조작하고 그리는 방법을 소개하는 캔버스 API를 다룬다. 그리고 후반부인 나머지 일곱 개의 장에서는 API를 사용해 애니메이션과 움직이는 스프라이트를 구현하고 시뮬레이션을 생성, 충돌 감지, 비디오 게임을 개발하는 방법을 소개한다. 참고로, 이 책의 마지막 장인 11장에서는 프로그레스 바, 슬라이더, 이미지 패너 등과 같은 사용자 정의 컨트롤을 구현하는 방법과 캔버스 기반 모바일 애플리케이션을 생성하는 방법도 소개한다.

1장 "캔버스 구성(Essentials)"에서는 요소를 소개하고 웹 애플리케이션에서 요소를 사용하는 방법과 브라우저, 콘솔, 디버거, 프로파일러, 타임라인 등을 다루는 HTML5 개발에 대해 간단히 소개한다. 또한, 캔버스에 그리기, 캔버스 파라미터 및 드로잉 표면을 저장하고 복원하기, 캔버스 출력하기, 오프스크린 캔버스 개론 등과 같은 캔버스의 필수 구성 요소를 구현하는 방법도 소개한다. 1장의 마지막 부분에서는 측정 단위로부터 방정식을 유도하는 방법과 벡터 계산, 삼각법, 기본 대수학을 다룬 수학 입문서도 간략하게 소개한다.

2장 "드로잉"에서는 이 책에서 내용이 가장 많은 장으로 선, 호, 곡선, 원, 직사각형, 임의 다각형을 캔버스에 그리는 방법과 색상, 그라디언트, 패턴 등을 사용해 도형 내부를 칠하는 방법을 소개하며 캔버스 API를 사용한 드로잉을 심도 있게 다룬다. 또한, 2장에서는 도형을 그릴 수 있게 임시 러버 밴드를 그리는 방법, 캔버스 내부에서 도형을 드래그하는 방법, 사용자가 편집할 수 있도록 캔버스에 다각형을 기록하는 간단한 보유 모드(retained mode) 그래픽 서브시스템을 구현하는 방법, 클리핑 영역을 사용해 캔버스 배경을 건드리지 않고 도형을 지우는 방법 등과 같이 단순한 드로잉 기법의 범위를 넘어 캔버스 API를 사용한 드로잉을 구현하는 방법을 소개한다.

3장 "텍스트"에서는 캔버스에서 텍스트를 그리고 조작하는 방법을 소개한다. 따라서 텍스트 내부를 칠하고 윤곽을 그리는 방법과 폰트 속성을 설정하고 캔버스에 텍스트를 위치시키는 방법 등을 살펴 본다. 또한, 3장에서는 텍스트 커서와 편집할 수 있는 단락과 함께 캔버스에서 텍스트 컨트롤을 구현하는 방법도 소개한다.

4장 "이미지 및 비디오"에서는 이미지, 이미지 조작, 비디오 프로세싱을 중점으로 소개하므로 캔버스에서 이미지를 확대하고 그리는 방법을 살펴보고 각 픽셀의 색상 구성 요소에 접근해 이미지를 조작하는 방법을 배운다. 또한, 클리핑 영역을 사용하는 방법과 이미지를 움직이는 방법을 살펴 보고 비디오 프로세싱을 소개한 4장의 마지막 절로 넘어가기 전에 보안과 성능에 대해 다룬다.

5장 "애니메이션"에서는 《스크립트 기반 애니메이션을 위한 타이밍 컨트롤(Timing control for script-based animations)》이란 제목의 W3C 명세서에서 정의한 requestAnimationFrame() 메서드를 사용해 애니메이션을 자연스럽게 재생할 수 있는 구현 방법을 소개 한다. 그리고 애니메이션의 프레임률을 계산하는 방법과 임시 프레임률로 애니메이션의 사용자 인터페이스를 업데이트하는 등과 같이 다른 활동에 대한 일정을 잡는 방법도 살펴본다. 또한, 5장에서는 애니메이션이 실행되는 동안 세 가지 다른 방법을 사용해 배경을 복원하는 방법을 소개하고 각 방법에 따라 성능에 미치는 영향을 살펴보겠다. 그뿐만 아니라 시간 기반 모션을 구현하는 방법, 애니메이션의 배경을 스크롤하는 방법, 시차를 사용해 3D처럼 보이게 하는 방법, 애니메이션이 실행되는 동안 사용자 제스처를 감지하고 처리하는 방법도 살펴볼 것이다. 마지막으로 애니메이션 모범 사례를 소개하기 전에 간단한 애니메이션 타이머를 구현하는 방법과 시한 애니메이션을 살펴볼 것이다.

6장 "스프라이트"에서는 자바스크립트에서 움직이는 오브젝트인 스프라이트를 구현하는 방법을 소개한다. 스프라이트는 시각적인 표현, 주로 이미지를 가지고 있으므로 캔버스에서 스프라이트를 이동시킬 수 있을 뿐만 아니라 일련의 이미지를 순환하여 스프라이트를 움직이게 만들 수도 있다. 따라서 스프라이트는 게임을 구성하는 기본 구성 요소라고 할 수 있다.

7장 "물리학"에서는 떨어지는 물체와 탄도 궤적을 모델링하는 방법부터 진자 운동에 이르기까지 애니메이션에서 물리학을 시뮬레이션하는 방법을 보여준다. 또한, 7장에서는 애니메이션에서 시간과 모션을 모두 왜곡해 단거리 주자가 달릴 때 발생하는 가속 효과(ease-in)나 자동차가 브레이크를 잡을 때 발생하는 감속 효과(ease-out) 등과 같이 실제 움직임을 시뮬레이션하는 방법도 살펴볼 것이다.

대부