Images: Image Maps

Tap on one of the shapes in the image to see how tapping in different regions of an image map can result in a hyperlink jump to different locations.

Notice that the white areas are all inactive, not because they are white but because of how the shapes are defined.

Green triangle

The green triangle is defined as a polygon with three vertices.

Pink star

The pink star is defined as a polygon with ten vertices.

Yellow square

The yellow square is a rectangle with a top-left coordinates and bottom-right coordinates.

Blue circle

The blue circle is a circle with center coordinates and a radius. The inactive white-area is specified as a rectangle with no link action.

Red rectangle

The red rectangle is a rectangle with a top-left coordinates and bottom-right coordinates.

Purple polygon

The purple polygon is a polygon with six vertices.