Skip to content
Javascript based imagemap editor
JavaScript CSS HTML Shell
Branch: master
Clone or download
Pull request Compare This branch is 31 commits ahead, 2 commits behind maschek:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build
docs
examples
img
licenses
test
wikiversity_docs
CHANGELOG.md
README.md
changelog
imgmap.js
imgmap_packed.js
lang_de.js
lang_en.js
lang_es.js
lang_fr.js
lang_hu.js
lang_pl.js
lang_pt.js
lang_tr.js
license_GPL.txt
update_libs.sh
update_src_libs.sh

README.md

imgmap: Javascript based ImageMap Editor

With the imagemap editor you can easily draw ALL the standard image map shapes (rectangle, circle, polygon), and you can have full control over the generated HTML code as well.

The Online Image Editor runs in your browser and the images are not uploaded to any server. You can download the repository.

Comments

  • Close Polygon with SHIFT-Click for last point of polygon. Other points.
  • Standard output image map is "Wiki Imagemap"

Purpose of the Fork

The fork is based on the ImageMap-Library by Adam Maschek. The purpose of the fork is to change the User Interface for MediaWiki imagemaps and Panorama360 image maps:

  • Optimize workflow for ImageMap generation for users
  • use JSZip to export a full HTML5 ImageMap Project.
  • use FileSaver.js to save project files
  • set the default imagemap main export format to the MediaWiki
  • use the javascript code in an HTML file the docs/ folder in GitHub,
  • rename buttons and change layout for the Source Selector,
  • add a "Create Image Map" Button to the user interface.
  • upload files with FileReader API - see [Code-Pen Example]](https://codepen.io/matt-west/pen/KjEHg)
  • create a WebApp that works offline - no internet and server connectivity neccessary, if local images are used. Just download ZIP and start index.html in /docs folder.

Technical Description

The editor natively uses the canvas HTML element to draw the shapes on a given image. The ExplorerCanvas (http://excanvas.sourceforge.net/) library from Google is used to get the same result in browsers, that do not support the canvas element but can use VML instead. ExplorerCanvas works quite well, however it is still beta quality, and not as fast as the native canvas drawing, so expect some lags in IE. The editor is currently tested to work in Chrome, Firefox, Safari, Opera 9+ and IE 6+.

Screenshot of the Image Editor

Images Download wget

Links

Acknowledgement

Special thanks to Adam Maschek for sharing the code for Javascript ImageMap Editor on Github. See the original online editor at: http://www.maschek.hu/imagemap/imgmap

The forked image map editor was tailored for Wikiversity.

Note:

The code repository was originally hosted at google code and migrated to github on March 30, 2015

You can’t perform that action at this time.