HTML and CSS Reference
1.4.4. Scalable Vector Graphics
Scalable Vector Graphics (SVG) is an XML language that allows you to create impressive
vector graphics using markup that can be styled using CSS and interacted with via the
their dimensions up, the quality of the graphic degrades and produces a “pixelated” result.
Vector graphics are constructed using math equations rather than pixels, and as a result they
can scale up to look impressive even at large sizes.
an exercise that illustrates how to create shapes and complex objects using SVG, imple-
ment collision detection, and understand the pros and cons of using SVG rather than the