Programming with JavaScript: Algorithms and Applications for Desktop and Mobile Browsers

CHAPTER 9

Graphics and Animation

CHAPTER CONTENTS

9.1   Fundamentals

9.1.1   Coordinate Spaces

9.1.2   Colors

9.1.3   Pixels vs. Objects/Vectors

9.1.4   Animation

9.2   HTML and CSS

9.2.1   HTML Elements for Graphics

9.2.2   CSS

9.2.3   Visual Properties

9.2.4   Absolute Position

9.2.5   Case Study: Bar Chart

9.2.6   Case Study: Towers of Hanoi Display

9.3   Animation in HTML and CSS

9.3.1   Constant Velocity

9.3.2   Fading In and Out

9.3.3   Animating Other Properties

9.3.4   Ramped (or Eased) Animation

9.3.5   Declarative CSS Animation

9.4   The canvas Element

9.4.1   Instantiating a canvas

9.4.2   The Rendering Context

9.4.3   Drawing Rectangles

9.4.4   Drawing Lines and Polygons

9.4.5   Drawing Arcs and Circles

9.4.6   Drawing Bézier and ...