Summer html image map creator

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

Criado com SVG, JavaScript, HTML5,

  • 4211 visualizações

Mais comentários do autor sobre esse demo

_ 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

Sobre esse demo

Baixar o código fonte23.32 KB · arquivo ZIP

Browse the Source

Esse demo está sob a licença GPL.

Mais demos de summerstyle