The HTML5 Canvas

Text chapters 22 and 23, which go into much more detail than what we're likely to reach.

  1. The canvas tag creates an area to be drawn on by Javascript.
    1. Closed tag.
    2. Attributes are height and width, in pixels.
    3. Sizing with CSS is not recommended.
  2. Any HTML content is only for display on browsers which don't support canvas.
  3. Content is generated by running Javascript, [ like this Source ].
    1. Create a drawing context object from the canvas element.
    2. Use a large number of drawing primitives to place an image there.
    3. Drawing is not object-oriented.
      1. Spit out pixels and forget.
      2. Erasing something can be a challenge.
  4. [ Clock Source ].