Построение объектов поверх картинки.

[yiijeka]

Привет всем.
Столкнулся с задачей. Вроде всё просто на словах и что то в голове крутится и что то напоминает :-)
Но не могу сдвинутся с начальной точки, в какую сторону смотреть?
Нужно типа такой штуки http://ssmaker.ru/fc79a7dd.png
Обычная картинка (скорее всего будет участок карты города), поверх её нужно рисовать объекты, с дальнейшим их просмотром, редактированием и т.д.
Нужна точность в рисовании, т.е. по координатам.... На объекты потом жмём и в работу вступает ... (любимый Yii )
Кто-нибудь знает, в чём можно реализовать создание таких объектов, добавлении их, хранение, удаление?
Может есть готовые библиотеки HTML5 или хз...одни предположения :(

[demisang]

Я видел подобное рисование вот тут: http://commons.wikimedia.org/wiki/File: ... uselang=ru
Там под изображением есть кнопочка "Добавить примечание"? возможно есть где-то манул по испольованию.

Можно самому написать, возьми за основу http://www.webresourcesdepot.com/jquery ... gin-jcrop/, создавай на странице области выделения мышкой(хотя есть у тебя будут не прямоугольные фигуры, то это будет ппц ), ну а дальше всё проще - области выделения имею координаты, через ajax отправляем на любимый Yii, там в базу пишем координаты. А при отображении страницы создаём блоки <div>, который будут позиционироваться на указанных координатах и иметь в себе нужную информацию

[yiijeka]

По первому, хз где там кнопочка "Добавить примечание" ... и вообще не понял, к чему вообще всё то, что в ссылке.

И да, мне нужно рисовать объекты самому по координатам, объекты примитивные линии, прямоугольники (может потом прицеплю и web интерфейс,). Скорее всего вы правы, посмотрю ка я библиотеки js. Спасибо за отклик

[yiijeka]

оУУУЕЕ предчувствую вкус открытий новых ))))))))

[demisang]

По первому, хз где там кнопочка "Добавить примечание" ... и вообще не понял, к чему вообще всё то, что в ссылке.

[andron_2006_83]

Yandex Map 2.0 - там есть возможность рисовать свои карты планы, http://api.yandex.ru/maps/doc/jsapi/2.x/examples/

[yiijeka]

Спасибо, но мне нужна поддержка работы без интернета. Остановился пока на http://kineticjs.com/
Пока всё просто даётся, за день удалось научится рисовать объекты поверх картинки, отлавливать координаты мыши в соответствии с зумом и перемещением относительно контейнера.
Думаю пока с этой библиотекой поработаю. Может во что-нибудь и вопрусь, но пока моим требованиям она соответствует.