Wednesday, October 12, 2011

HTML5 canvas

Intentions:
  • Investigate canvas control. Looking at drawing, images, moving objects
Summary:

Hit up a few web HTML5 canvas tutorials, found plenty of content in the first few pages, enough to get me started.

Interesting Findings:
  • getContext in javascript to get a 2d image area
  • fillStyle and strokeStyle for brush shapes and colors
  • moveTo, lineTo and paths for drawing a sequence of strokes
  • arc to draw arcs
  • drawImage to draw a PNG image file
  • clearRect clear all background for animations
Didn't have too many issues getting my head around simple concepts of HTML5 canvas control.

No comments:

Post a Comment