How to use HTML Image Mapper:
To draw a circle, click draw circle. You can then drag and scale the shape by clicking and dragging it, or using the numbers on the right panel.
The same applies for rectangles.
For polygons, click the shape to select a new vertex, or hold down the mouse to drag the shape. Use the add and remove Point buttons to add vertexes to your polygon.
To load in an image, type in the URL of the image, followed by clicking the load image button at the bottom.
When you are finished, click Generate HTML in the bottom right corner and the code will be generated for you.
Sample:
To draw a circle, click draw circle. You can then drag and scale the shape by clicking and dragging it, or using the numbers on the right panel.
The same applies for rectangles.
For polygons, click the shape to select a new vertex, or hold down the mouse to drag the shape. Use the add and remove Point buttons to add vertexes to your polygon.
To load in an image, type in the URL of the image, followed by clicking the load image button at the bottom.
When you are finished, click Generate HTML in the bottom right corner and the code will be generated for you.
Sample: