Area attributes

Loading areas


Select image file...

x preview

Click on Toolbar to select an option you would like to use.

New - reset the editing to start creating new image map;

Save - save current state; Load - load saved state;

Load from html - load map areas from existing HTML code;

Rectangle - create rectagular map area;

Circle - create circular map area;

Polygon - create polygonal map area;

Edit - enable/disable map editing mode to modify the existing areas;

HTML code - show HTML code for image map created;

Preview - enable/disable map preview mode to test the image map created;

Clear - delete all map areas created;

Help - show help information.


F5 — reload the page and display the form for loading image again

s — save map params in localStorage

Drawing mode (rectangle / circle / polygon)

ENTER — stop polygon drawing (or click on first helper)

ESC — cancel drawing of a new area

SHIFT — square drawing in case of a rectangle and right angle drawing in case of a polygon

Editing mode

DELETE — remove a selected area

ESC — cancel editing of a selected area

SHIFT — edit and save proportions for rectangle

i — edit attributes of a selected area (or dblclick on an area)

— move a selected area up

— move a selected area down

— move a selected area to the left

— move a selected area to the right