Summer
Html image map editor based on javascript, html5, inline SVG (modern FF, Chrome, Opera and IE10+)
Install / Use
/learn @summerstyle/SummerREADME
Summer html image map creator
[http://github.com/summerstyle/summer] (http://github.com/summerstyle/summer)
Released under the MIT license
Main
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)
CTRL + C — a copy of the selected 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
Related Skills
node-connect
330.3kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
81.3kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
330.3kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
commit-push-pr
81.3kCommit, push, and open a PR
