Summer html image map creator

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

Construit avec SVG, JavaScript, HTML5,

  • 4326 vues

L'auteur nous en dit plus sur cette démo

_ 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

Téléchargez le fichier ZIP · 23.32 Ko

Browse the Source

Cette démo est fournie sous la licence GPL.

Plus par summerstyle