Пишем редактор карт изображений (html image map) на javascript / html5 / inline SVG

[@m03r]

Здорово! Пожелание на будущее: переключаться на «edit» автоматически при наведении на существующую область. Всё-таки вряд ли области пересекаются…

[@summerstyle]

Так было бы удобнее, конечно, но все-таки области могут пересекаться: например, если они граничат, то сложно будет сделать так, чтобы они не пересекались. Еще один случай — когда нужно в область с href поместить другую область, без href (как в примере dev.w3.org/html5/spec/single-page.html#image-maps).

[@SerDIDG]

Писал подобное на канвасе. habrahabr.ru/post/142419/
Здорово что продолжили мысль )

[@torbasow]

Чтобы использовать возможности DOM, необходимо встроить сам элемент svg на страницу (не через img, object, embed).

Не понял, что мешает работать с DOM SVG-картинки, внедрённой через object; я так делал неоднократно.

[@summerstyle]

Спасибо, добавила информацию в топик.

[@limitium]

В аплоде картинок что использовал?

[@Londeren]

*использовала

[@summerstyle]

2 способа:
— HTML5 Drag and drop и File api (то есть перетащить картинку)
— или просто скопировать путь к картинке