Javascript 用户在图像顶部绘制形状

我想让用户画半透明的基本形状（矩形，圆形）与用户定义的文字在图像上。其基本思想是在下面有一张地图，用户可以从中标记出地图的某些区域。做web开发已经有一段时间了，我很不确定哪种方法是最好的。即使在较旧的浏览器上也应该可以使用

---

任何帮助都将不胜感激

首先，忘掉旧浏览器吧，毕竟现在是2012年。如果没有诸如“边界半径”这样的css属性，您将无法绘制圆

其次，不管怎样，你都必须使用javascript来进行“绘图”。jQuery+jQueryUI将非常适合这样做。看起来您至少需要以下插件：

• -拖动形状
• -调整形状的大小
• -将文本放入形状（对话框中必须有文本区域。填充文本区域并单击“确定”后，文本将放入形状）

还有另一种方法可以将文本转化为形状，但这需要一些认真的开发工作

现在，如何创建形状。有两种方法：

您必须单击的按钮，该按钮将创建一个带有设置参数的框

使用插件

这就是要点

---

渲染保存的形状是一件完全不同的事情，我相信这不会有问题。只需从数据库中获取数据并根据其属性渲染形状。

要使其与非html5浏览器配合使用，您肯定需要一些脚本语言（javascript、flash等）。flash也是我不想使用的东西。有什么好的javascript库可以使用吗？我试着搜索jquery，但没有找到任何有用的东西。如果你能描述一下你拥有什么，你需要什么，你到目前为止做了什么（有机会了解你的想法吗？）“忘记旧浏览器”如果你在家庭办公室编写个人项目，可能会很好，但通常情况下，支付你费用的客户是不会接受的。使用javascript很好，我只是不确定是否还有其他选择。现在向javascript和jquery添加了标记。画圆圈有点随意，但我明白你关于旧浏览器的观点。即使实际的绘图不起作用，至少在旧浏览器上显示它们也是非常重要的。谢谢你提供的所有信息@格里姆…，在这种情况下，您必须向客户解释在旧浏览器上什么是可能的，什么是不可能的。---Kemu79，展示不应该是个问题。完成形状后，必须将其属性保存在DB中，然后使用PHP或任何其他语言绘制漂亮的形状。绘图过程本身依赖于新的浏览器。