Graphic JavaScript


Back to index
Take a close look at the arrows displayed on the canvas below and then take a look at the source for this page and find the section of code which generates the arrows. Your browser does not support the HTML5 canvas tag.

ASSIGNMENT:

Fulfill the following list of requirements:

  1. Divide the canvas area into four equal quadrants.
  2. Think of four categories and display them in large print at the top of each quadrant.
  3. Think of five members for each category and display them under the category titles.
  4. Include an arrow in front of each item on each list.
Here's an HTML approximation of what your project might look like
(except that instead of dots, your project will have arrows):
Countries in Africa
  • Egypt
  • Nigeria
  • Kenya
  • Morocco
  • Ethiopia
Countries in South America
  • Brazil
  • Argentina
  • Peru
  • Colombia
  • Chile
Countries in Europe
  • France
  • Spain
  • Germany
  • Finland
  • Poland
Countries in Asia
  • China
  • Vietnam
  • South Korea
  • Japan
  • Laos