Dem Benutzer erlauben, Elemente in einem Bild zu bearbeiten/hinzuzufügen/zu bewegen

Question

Hier ist, was ich tun möchte:
Ich habe ein Bild, sagen wir mal von einem Zimmer. Dies wird ein statisches Bild sein.

Ich möchte, dass die Benutzer in der Lage sein, Folgendes zu tun:
1. fügen Sie eine Reihe von Bildern, wie ein Stuhl, Schreibtisch, usw.
2. bewegen Gegenstände, die bereits auf dem Bild sind.
3. bearbeiten Sie den an ein Bild angehängten Text.

Ich brauche dieses Bild auf dem Server gespeichert werden, so dass andere Benutzer die Updates sehen können.

Irgendwelche Ideen? TIA.

bearbeiten
Ich mag im Grunde ein Google Maps Interface haben, wo statt nur gelesen zu werden, können Benutzer hinzufügen/bearbeiten/Elemente aus einer gegebenen Menge bewegen. Zum Beispiel möchte ich, dass sie ein "Stuhl" -Bild aufnehmen und es auf das Bild des Raumes schieben, wo auch immer der Stuhl ist. Ich habe Teile von JQuery gesehen, aber ich habe kein gutes Beispiel gefunden. Hoffnung, die Sinn macht.

EDIT2
Gefunden etwas entlang der Linien von dem, was ich suchte. Für den Fall, dass jemand anderes etwas tun muss, schaue ich auf OpenLayers, die GoogleMaps in einem JS Framework imitiert.

Answer 1

Sie dies tun, könnte die durch den Einsatz transparent png Hack auf IE und native Unterstützung von 24-Bit-Png s by most modern browsers. Store positions in database. Store png s auf dem Server.

Answer 2

Sie könnten dies mit dem Canvas-Element implementieren, aber die Browserunterstützung ist inkonsistent.

als Kane in den Kommentaren darauf hingewiesen, bist du besser dran tun dies in so etwas wie Flash (nicht Silverlight als wieder, ist es nicht von allen gängigen Browsern unterstützt)