SVG & Canvas Graphics

Revision Quiz

1. What does SVG stand for?
2. Which SVG attribute defines the internal coordinate system?
3. Which HTML element provides a Canvas drawing surface?
4. Which JavaScript method obtains a 2D drawing context?
5. Are individual Canvas shapes automatically represented as DOM elements?
6. Which technology is well suited to scalable vector icons?

Answer Key and Explanations

1. Scalable Vector Graphics — SVG represents graphics using vector-based markup.
2. viewBox — It defines the coordinate area used by the graphic.
3. canvas — It provides a surface for drawing.
4. getContext("2d") — It requests the 2D drawing context.
5. No. Canvas drawing operations generally produce pixels, not separate DOM elements.
6. SVG — It scales cleanly and supports individual vector elements.