Paths, Properties, Paint: HTML5 Canvas and the Pervasive Pixel Painting Protocol at HTML5 Milwaukee

Sometimes, stacking divs and fiddling with CSS just doesn’t cut it. The canvas tag gives us an escape hatch – an infamous blank rectangle. Unlike applets and Flash, canvas is orchestrated by the same javascript you already use to run your web site. Canvas is a strange beast however; while it gives us a “blank canvas” perfect for painting and blending effects, the API is largely vector based, which makes it easy to do shapes and outlines that can be smoothly transformed.

We’ll take a deep dive into the way canvas “thinks” – the drawing model that you’ll need to bend it to your will. This same drawing model reappears in a number of other systems. Along the way we’ll also take a short peek into computing history to see how this hybrid vector/raster model came about.

Posted Thursday, January 31st, 2013 under Presentation.

Comments are closed.