Summer html image map creator

Html image map editor based on javascript, html5, inline SVG

Built using SVG, JavaScript, HTML5,


More About This Demo From The Author

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

_ 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

About this Demo

Download the Source 23.32 KB · ZIP File

Browse the Source

This demo is released under the GPL license.

More by summerstyle