Real-time drawing in the browser with HTML5 Canvas
Dina Goldshtein demonstrates how to use the Canvas API to draw a very large number of shapes in the browser, animate them, and apply various transformations. Dina also shares some best practices for wrapping the Canvas API with custom JavaScript classes.
| Talk Title | Real-time drawing in the browser with HTML5 Canvas |
| Speakers | Dina Goldshtein (Riverbed) |
| Conference | Fluent |
| Conf Tag | The Web Platform in Practice |
| Location | San Francisco, California |
| Date | March 8-10, 2016 |
| URL | Talk Page |
| Slides | Talk Slides |
| Video | |
HTML5 has many cool features, but Canvas is definitely one of the most visually appealing. With the Canvas API, you can draw complex shapes inside the browser and apply transformations and zooms. Drawing from her experience porting an extremely complex solar-field-viewer system that displays detailed information on over 50,000 objects to the browser, Dina Goldshtein demonstrates how to use the Canvas API to draw a very large number of shapes in the browser, animate them, and apply various transformations. Dina also shares some best practices for wrapping the Canvas API with custom JavaScript classes.
