Vue image map creator

Create an image map with vue :)

Dependencies

Besides all the normal vue 2 stuff ofcourse, copy the component folder into the app. And then:

npm i vue-context

For the "add element" context menu

TODO

Critical

These have to be completed before anything else

• Initial set up
• Event listeners
• Shape: Rectangle
• Move MapElement logic to class
• Move ResizeHandle logic to class
• Event: Move
• Event: Resize
• Fix: Stop creating new after moving the mouse of the draghandle
• Fix: Keep resizing when mouse down started on draghandle and is not released, even if the mouse moves off of the draghandle
• Shape: Circle
• Shape: Ellipse
• Event: Create
• Implement in and exporting (via v-model?)
• Implement scalability

Minor

• Fix: Resizing circle and ellipse
• Fix: Negative radius and overlapping draghandles
• Shape: Polygon

Major

• Split up into separate components:
  • Image map editor
  • Image map viewer
  • Image map textarea editor
  • Image map textarea viewer
  • Draggable (drag items to map areas)

Creator

• Add content to maps

Viewer

• Show content on map click
• Implement settings/options:
  • Show maps yes/no
  • Cursor change on map hover

Draggable

Tbd