Difference between canvas and SVG

SVG	HTML Canvas
SVG has better scalability. So it can be printed with high quality at any resolution	Canvas has poor scalability. Hence it is not suitable for printing on higher resolution
SVG gives better performance with smaller number of objects or larger surface.	Canvas gives better performance with smaller surface or larger number of objects(more code or library).
SVG can be modified through script and CSS	Canvas can be modified through script only
SVG is vector based and composed of shapes.	Canvas is raster based and composed of pixel.
SVG supports only 2D drawings.	It supports 2d/3d drawings.

HTML graphics

We have two ways to work with graphics. They are:

using canvas

using svg

Difference between canvas and SVG: