Small, Fast, & Simple

April 16, 2015

Canvas Element


The Flipboard Engineering blog has a nice outline of using the HTML canvas element to create animations and interactions that can’t be done with a plain, DOM-based webpage. Even with HTML5 and CSS3, some transitions and effects still aren’t possible, but you can have pixel-by-pixel control over the canvas element. Compared to the HTML and CSS API for rendering a webpage, the canvas drawing API is incredibly small. Unlike SVGs, which are driven by a DOM structure, canvas renderings don’t retain any information about what’s been drawn to them, which makes rendering to a canvas extremely fast.