HTML GraphicsLesson 48Free preview

HTML SVG

This lesson is part of HTML · All levels

Summary

SVG (Scalable Vector Graphics) is used to display vector-based graphs that remain sharp when magnified. Forms such as circles and squares are written as XML elements, e.g. <circle> and <rect>. Unlike bitmap canvas, SVG objects remain stylized and animated objects.

Key points

SVG is vector-based so the display remains sharp at all sizes
The basic form is written as elements such as <circle> and <rect>
SVG can be embedded directly in HTML or as a separate file
SVG objects can be CSS-style and animated

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.