1. HTM03

10. Let’s Get Started

13. Everything is drawn onto the 2D rendering context

16. What is drawn on canvas

30. BrowserPass rate Internet Explorer 994.0% Chrome 1186.2% Opera 1184.1% Safari 582.4% Firefox 478.4%

40. DON’T

41. DO

43. DON’T

44. DO

51. CanvasSVG AbstractionPixel based (dynamic bitmap)Shape based ElementsSingle HTML element Multiple graphical elements which become part of the Document Object Model (DOM) DriverModified through Script onlyModified through Script and CSS Event ModelUser Interaction is granular (x,y) User Interaction is abstracted (rect, path) PerformancePerformance is better with smaller surface and/or larger number of objects Performance is better with smaller number of objects and/or larger surface.

52. Screen Capture Complex scenes, lots of objects Video Manipulation Web Advertising Interactive Charts, Graphs Static Images High Fidelity Documents for Viewing, Printing 2D Gaming