Introducing The HTML5 Canvas Element (/dev/world/2011)
Presenter: Thomas Verbeek
HTML5 introduced the canvas element to allow dynamic scriptable rendering of 2D shapes and images. The canvas element defines a drawing region, and Javascript is deployed to access drawing functions and 2D APIs to dynamically generate graphics. The presentation will be a beginners guide through the Canvas element in HTML5. It will cover the basics of the element (what it is, how it is supported), the syntax for defining and interacting with the canvas element (html syntax, coordinate system, Javascript), some simple drawing techniques (strokes, fill, shapes, text), more practical manipulations (gradients, img elements, procedural drawing), and examples of it’s implementation in the industry (canvas-based applications, games and tools).