SVG
Scalable Vector Graphics
What It Is
XML-based markup for 2D graphics. Unlike JPG/PNG, SVG describes shapes mathematically, not as pixels.
Current Shape
The rectangle is defined by x, y position and width, height dimensions.
Why SVG?
- ∞ Infinite zoom, no blur
- kb Tiny file sizes
- { } Styleable with CSS
- JS Scriptable with JavaScript
- A Accessible (text-based)
The Key Insight
SVG stores instructions, not pixels. "Draw a circle at (50,50) with radius 40" instead of millions of colored dots.