A Gentle Introduction to
Question 1: Draw a rectangle
The SVG document shown draws a yellow rectangle with a blue border.
Change it so that is shows a green rectangle in a thicker black border.
We can give the rectangle rounded corners. Look at the documentation
at www.w3.org to find out how.
In the SVG specification (version 1.1 will do) Chapter 9 concerns
basic shapes such as the rect element.
Question 2: St. Andrew
Draw the cross of St. Andrew.
Question 3: St. George
The flag of St. George is a red cross on a white background.
The width of the lines should be 6.
Question 4: Jamaica
The Jamaican flag can be drawn as four triangles on a yellow background.
We can use the
path element to draw a triangle. This element supports
d which gives the coordinates of the points of the path.
The grid shown is 20 by 10 units.
- The attribute value d="M 2 0 L 10 4 L 18 0 Z" means:
Move to (2, 0)
Line to (10, 4)
Line to (18, 0)
the Z means close the shape