A Gentle Introduction to
xml
Starting SVG
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
the attribute 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
|