What is the different between svg and canvas?

Answer 1

Canvas draws 2D graphics, on the fly (with a JavaScript). SVG is XML based, which means that every element is available within the SVG DOM. You can attach JavaScript event handlers for an element. In SVG, each drawn shape is remembered as an object.

Answer 2

SVG handle vector graphics.
Canvas handle bitmap graphics.