Jquery 在HTML5中创建一个简单的绘图工具？

我正在进行这个项目，我想让我的用户能够按房间绘制一个简单的平面图，然后在其中储存一些元数据（比如房间名称）

我是这样看的： -单击“添加新房间” -你在屏幕上画一个矩形（或者另一个简单的形状） -你给它起个名字

我想知道创建这种工具所用的最好（也是最简单）的语言是什么。HTML5+jQuery？闪光是否有任何现有的工具/插件可以做到这一点

---

谢谢你的帮助

最简单的方法可能是在HTML5中使用canvas标记。可以使用jquery获取鼠标事件

如果你有使用Flash的机会和经验，这可能是你最好的选择，因为用户更可能使用Flash而不是html5

如果你使用html5，这里有一些很好的帮助文档

---

我会使用jQuery和html5画布元素，但我会让用户使用直线绘制形状。他们单击线条图像，选择两个点，然后jQuery绘制线条。在jQuery中绘制形状将允许您存储它们，允许您轻松添加元数据，并将序列化的数据打包到数据库中以备将来使用，或者存储为图像，无论您希望什么。

我可能会说Flash就是您想要的。“简单”的形状不容易用JavaScript（菱形或圆形）绘制，而这很容易通过Flash实现。你可以用。HTML5提供了允许您绘制形状的

，但您需要具有绘制菱形、菱形等的自定义代码。@vinceh:SVG受IE9支持，Raphael SVG/JavaScript库具有适用于旧版本IE的VML。