Разрешение пользователю редактировать / добавлять / перемещать элементы изображения

Question

Вот что я хочу сделать:
У меня есть изображение, скажем, комнаты. Это будет статичное изображение.

Я хочу, чтобы пользователь мог выполнять следующие действия:
1. добавить набор изображений, например, стул, стол и т. Д.
2. переместите элементы, которые уже есть на изображении.
3. редактировать текст, прикрепленный к изображению.

Мне нужно, чтобы это изображение также сохранялось на сервере, чтобы другие пользователи могли видеть обновления.

Есть идеи? ТИА.

Редактировать
Я хочу в основном иметь интерфейс типа карт Google, где вместо того, чтобы быть только для чтения, пользователи могут добавлять / редактировать / перемещать элементы из данного набора. Так, например, я хочу позволить им подобрать изображение «стул» и вставить его на изображение комнаты, где бы ни находился стул. Я видел фрагменты, сделанные в JQuery, но не нашел хорошего примера. Надеюсь, что это имеет смысл.

Edit2
Нашел что-то похожее на то, что я искал. В случае, если кому-то еще нужно сделать что-то подобное, я смотрю на OpenLayers , который имитирует GoogleMaps в JS Framework.

Answer 1

Вы можете сделать это, используя прозрачный png-хак в IE и встроенную поддержку 24-битного png s by most modern browsers. Store positions in database. Store png s на сервере.

Answer 2

Вы могли бы реализовать это, используя элемент canvas, но поддержка браузера несовместима.

Как отметил Кейн в комментариях, лучше делать это в чем-то вроде Flash (не Silverlight, поскольку, опять же, он поддерживается не всеми основными браузерами)