summerstyle/summer

Html image map editor based on javascript, html5, inline SVG (modern FF, Chrome, Opera and IE10+)

summer's Issues

Questions about licensing

Hello Vera,

Which steps should I take to use your project in a commercial application? Read the license but got confused as restrictions on the use and commercial distribution!

Grateful for the attention.

Rectangle resize does not fit edges properly

When resizing a rectagle area, if the mouse moves fast outside the image boundaries, the rectangle area is resized up to last mousemove event before exiting the boundaries, instead of moving up to the edge coordinates.

Use App.js

• app.js windows
• app.js utils
• app.js menu
• app.js buttons panel
• app.js keyboard support
• app.js events

reload previously drawn maps

Very Nice.

Is there a way to reload previous maps drawn? Lets say by saving the co-ords and shape to a form field, for reload later ?

No problem really

I noticed that you can easily add an ajax post to the save function send it to a receiver endpoint. This is the bomb, meaning it's really good! Thank you for sharing. I look forward to further enhancements, but as is, it's very useful.

image link not complete in HTML generation

When using an external image, the HTML generated only includes the image name, not the full URL. Otherwise, great app

TODO for 1.0.0

• Change license from GPL3 to MIT
• Rename scripts.js and retab
• Refactor scripts.js
• Add JSDoc for each methods and constructors in main module
• Move all areas code to libCoords.js
• Use app.js for interface of editor
  • app.js windows
  • app.js utils
  • app.js menu
  • app.js buttons panel
  • app.js keyboard support
  • app.js events
• Add some features from issues
• Add tags for commits (releases)
• Add CHANGELOG
• Add converters (json -> map, map -> json, json -> svg, svg -> json)
• Add unit tests (with phantom.js)

Helper attributes

Rather than adding attributes to the entire area, i'd like to add specific attributes to the helpers themselves.
secondly, i'd like to add a text (helper id) over the helper points.

could you point me in the right direction?

While in edit mode, how to select multiple area items and drag up/down?

I have to select all those area items and drag them down how? its only allowing me to select one item.

Edit mode - helpers

Hello,
I think it would be very appreciated by many users to have the possibility for adding and removing helpers of areas in the edit mode. It would be too great if we could specify coordinates for each helper for setting precise locations.

Loading automatically from AJAX

Hi there

Firstly thank you for what you have created, it is ideal for my current project.

I do have a question though. I have added the ability to save and load to a database via AJAX, which works fine. As the filename for the image also saves in the database when I click load it loads up the hotspots relevant to that image which is great.

What I am looking to do is remove the need to click the load button, and instead have the hotspots load automatically depending on what image is selected.

I managed to get this to work but it seemed to get caught in a loop and loaded hundreds of the hotspots on top of eachother. Do you know how this can be accomplished? Thanks

How to make drawn area into textbox css?

How can i make the drawn rectangle into text-box with css?

http://stackoverflow.com/questions/32239391/how-to-get-the-css-left-top-width-height-from-coords?noredirect=1#comment52360719_32239391

in dreamweaver you can draw text box on top of image just like you can do rectangle. in dreamweaver they make inline css for the textbox, such as:

<input type=text style="position:absolute; left: ??px; top: ??px; width:??px; height:??px;" />

how can i do this with this tool please?

Mobile version?

Планируется ли поддержка смартфонов?

URL link from Google Drive

Trying to use an image that is hosted in G-Drive using the permalink from GDurl.com with the Summer Image Map creator - it does not seem to take that URL? I also tried an alternate method from G-drive using the "ucid?=" fix to change the URL so it can be used on a webpage but neither of those seem to be recognized by the image map creator. I have used them in the past and they worked, but when I put them in now I just get a red box around the url indicating it is not being accepted. Any thoughts? I was able to use a URL from a pic from Google Images and that worked fine - but want to use image I have in my Google Drive. Thank you for your help! Love this creator - I have used it with my students in html coding class for a few years!

problem with from html

hello
in from html section,i insert this code:

<map name="map">
    <area shape="rect" coords="428, 18, 549, 345" href="test" />
</map>

the area load as well but Attributes like href not load in area.
is there any solution for this?
thank you

close button

Hi,
thanks for this useful project,
I noticed an issue:
when the number of areas is big enough then when I click preview of toHtml, the close button of the popup is hidden by the main menu.

Franck.

Up arrow in edit mode not working

When I use left/right/down to move a selected image map area it works fine. When I press up arrow is scrolls the page up instead of moving the area up.

May be related to using ctrl-+ to zoom in the page first ?

Summer html Image map creator customization

I am trying to customize the Summer html image map creator tool.. I have 2 requirements
1.To have a Save button which works like Save As option of file, here I need to save the coordinates of the selected polygon along with image.
2.I have found a bug in the program which shifts the initial coordinates of the image to large number after the html page is saved and refreshed...

Can u please help me resolve these issues.

Thank You.

Can We Have To SVG Button

Its Awesome :) .
but I searching for something reurn svg Tag or File

Hotspots can be moved outside image boundaries

Hotspots can be moved outside image boundaries (see attachment).