Q1. What are the two main HTML graphics technologies?

Canvas (raster-based) and SVG (vector-based) are the primary HTML graphics technologies.

Q2. What is the difference between Canvas and SVG?

Canvas uses pixels for dynamic rendering (games, animations). SVG uses vectors for scalable graphics (logos, icons).

Q3. When should you use Canvas vs SVG?

Canvas for real-time rendering, games, photo manipulation. SVG for static graphics, logos, and resolution-independent designs.

Q4. What HTML element is used for Canvas?

The <canvas> element is used with JavaScript to draw graphics.

Q5. What HTML element is used for SVG?

The <svg> element contains SVG code to draw vector graphics directly in HTML.