HTML5 Canvas Learning Group
-
Jim B., Engineering Manager
- Sep 4, 2013
Up today is another learning group! For those new to the concept, Yelp’s learning group happens every Friday: we serve lunch and listen to a tech talk about something cool, from learning a new language to strategies in Starcraft. Last month we had an excellent talk by Cameron P., a web developer here at Yelp, on HTML5 Canvas. He covered how to speed up 2D rendering in browsers and demoed his personal project “ Literally Canvas,” a WYSIWYG drawing widget you can embed on any web page. With HTML5’s Canvas, you can create: graphs, animations, games, image compositions, and more. The talk covers the graphics pipeline and how it relates to high level drawing operations, then dives into various techniques for improving performance, including:
- minimizing state changes and drawing operations
- offscreen rendering
- efficient animations
- taking advantage of canvas specific quirk