Bummer! This is just a preview. You need to be signed in with an account to view the entire instruction.

Well done!

You have completed (UPI) Chapter 5: Image Manipulation in HTML!

Instruction

How to Determine Coordinates for Hotspots

  1. Rectangle: Determine the x, y coordinates of the top-left and bottom-right corners.
  2. Circle: Identify the x, y coordinates for the center and calculate the radius.
  3. Polygon: Use as many x, y coordinates as necessary to outline the shape in a clockwise direction.

Tools like Adobe Photoshop or GIMP provide coordinate readouts, making it easier to determine the ex...