SVG stands for Scalable Vector Graphics it is an XML based image format which is basically used to define 2D vector graphics for the web. A vector image can be resized to any extent without destroying the image quality.
SVG images are represented in XML and complexities can be removed with the help of XML editing tools.
SVG is basically a "draw" program. Drawing is described as drawing instructions for each shape and any part of the shape can be changed.
Image can be modified through script and CSS
When there are samller number of objects in the screen then SVG is used
SVG markup and object model directly supports accessibility
SVG is not suitable for gaming application
The content of SVG is very flexible it can be static, dynamic, interactive and animated.
SVG have highly interactive animated user interfaces
Rendering capacities is high for large area
Canvas element uses script to draw graphics it does not have its own drawing abilities.Canvas uses path,boxes,circles,adding images and text methods for drawing . Canvas HTML5 support latest version of firefox,chrome,safari and opera except IE8.
Canvas is contributed pixel by pixel.
Canvas can be modified only with the help of script.
Canvas gives better performance with smaller surface.
Canvas is not suitable for printing with high resolutions.