This article describes the graphic elements available in HTML5.
There are the following two type of graphics elements:
Canvas Element
The <canvas> element:
Canvas
SVG
Canvas draws 2D graphics, on the fly (with a JavaScript).
SVG defines the graphics in XML format.
Resolution dependent.
Resolution independent.
Canvas is rendered pixel by pixel.
In SVG, each drawn shape is remembered as an object.
Grid structure in css