Summer html image map creator

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

利用技術: SVG, JavaScript, HTML5,

  • 閲覧数 10240
  • コメント数 0


_ 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


Log in to add your own.

About this Demo

ソースをダウンロード 23.32 KB · ZIP ファイル

Browse the Source

このデモは GPL ライセンスの下で公開されています。

summerstyle による他のデモ