Differences

This shows you the differences between two versions of the page.

--- plugin:imagemapping [2024-03-12 14:42] – version upped gamma
+++ plugin:imagemapping [2024-03-12 14:51] (current) – andi
@@ Line 6: / Line 6: @@
 email      : tools@inetsoftware.de
 type       : syntax
 lastupdate : 2023-03-14
-compatible : Binky, Elenor Of Tsort
+compatible : Kaos, Binky, Elenor Of Tsort
 depends    :
 conflicts  : imagemap
@@ Line 18: / Line 18: @@
 donationurl:
+screenshot_img: https://user-images.githubusercontent.com/86426/225101455-5cdd96d7-9904-4b2e-b1ef-9d8a6b66e53b.png
 ----
@@ Line 25: / Line 26: @@
 Search and install the plugin using the [[plugin:extension|Extension Manager]]. Refer to [[:Plugins]] on how to install plugins manually.
-After installing, you must refresh the style cache. Go to the [[plugin:config|Configuration Manager]] and press "save" so DokuWiki will rebuild the CSS.
 ==== Changes ====
@@ Line 67: / Line 65: @@
 Note: As with any media link, you may want to include the leading colon when defining the image <code>{{map>:media_link|Alternate Text}}</code> to avoid unexpected behavior particularly when using namespaces.
+===== Shape Editor =====
+The plugin comes with a toolbar button that will help you create and edit image maps. The button is sensitive to your current cursor position.
+  * Cursor inside an existing image syntax -> allows you to convert this image into a new image map
+  * Cursor inside an existing image map, but not on an individual link -> add a new link
+  * Cursor inside an existing image map's link -> edit that link's shape
+The Editor allows you to add and remove control points for the shape (Circle -> Rectangle -> Poligon). Simply drag and drop the control point to the desired location, click save and the coordinates of your link are updated. Edit the link syntax as usual.