SVG stands for Scalable Vector Graphics. SVG is used to define vector-based graphics for the web. SVG graphics are defined in XML format. Every element and every attribute in SVG files can be animated.
| SVG | Canvas |
|---|---|
| XML-based | JavaScript-based |
| Scalable without quality loss | Pixel-based, may blur |
| Good for logos/icons | Good for games/animations |
| DOM accessible | Not DOM accessible |
Edit the code below and click Run to see the result live.