允许用户编辑/添加/移动图像中的项目

Question

这是我要做的事情：
我有一个图像，让我们说一个房间。这将是一个静态图像。

我希望用户能够执行以下操作：
1.添加一组图像，如椅子，桌子等 2.移动图像上已有的项目 3.编辑附加到图像的文本。

我还需要将此图像存储在服务器上，以便其他用户可以看到更新。

有什么想法吗？ TIA。

修改
我想基本上有一个谷歌地图类型的界面，用户可以添加/编辑/移动给定集合中的项目，而不是只读。因此，举例来说，我想让他们拿起一张“椅子”图像并将其滑到房间的图像上，无论椅子在哪里。我看过在JQuery中完成的点点滴滴，但还没有找到一个很好的例子。希望这是有道理的。

EDIT2
发现了我正在寻找的东西。如果其他人需要做这样的事情，我会看OpenLayers，它在JS框架中模仿GoogleMaps。

Answer 1

您可以使用IE上的透明png hack和服务器上24位png s by most modern browsers. Store positions in database. Store png的本机支持来实现此目的。

Answer 2

您可以使用canvas元素实现此功能，但浏览器支持不一致。

正如Kane在评论中指出的那样，你最好不要使用像Flash这样的东西（不是Silverlight，因为它并不是所有主流浏览器都支持）