HTML5 Canvas

<canvas> is a new addition to HTML5. It is an HTML element in which you can draw images using scripts (usually JavaScript). It can be used to make photo collections or make simple (not so simple) animation, and even real-time video processing and rendering. It was originally launched by Apple internally using its own MacOS X WebKit for applications such as dashboard components and safari browsers. Later, through gecko kernel browsers (especially Mozilla and Firefox), opera and chrome and hypertext web application technology working group, it was suggested to use this element for the next generation of web technology. Canvas is a paintable area defined by HTML code with height and width attributes. Javascript code can access this area, similar to other general two-dimensional APIs, and dynamically generate graphics through a complete set of drawing functions. Mozilla programs support <canvas> from gecko 1.8 (Firefox 1.5), and Internet Explorer <canvas > from IE9. Chrome and opera 9 + also support <canvas>.