Introducing SVG
A first example of SVG:
The picture above is drawn using SVG.
Each part has a name.
To draw the picture you type in the names of the parts.
The parts are called 'elements'.
This picture contains three elements:
- A rectangle
- A circle
- A 'path', drawing an arc
The first two are very easy to use.
Paths are more complicated.
However, there are drawing apps that make it easy to use SVG.
A really fun reason to use SVG is that you can change the picture using code! The three buttons below are an example of this.