Zoo tutorials: [ SQL | Java | Linux | XML ]

A Gentle Introduction to xml

Stars and Semi-Circles

Question 1: Panama

A five pointed star can be produced with a little a handful of coordinates. Having calculated the points of a star with radius 1 and centre (0,0) we can move it around by including appropriate translate.

  1. Copy the star but move it to (9,6) and make it red.
  2. Put the two rectangles in to complete the flag of Panama.
    Recall that the rect element takes attributes x y width height and fill.
Flag of Panama

Question 2: Greenland

The flag of Greenland involves clipping a circle to produce a semi-circle. You will find instructions on clipping in section 14 of the SVG specification. Look for the clipPath element - this uses an id and a reference. Flag of Greenland