在图像中绘制和涂色区域

Question

如何基于点在图像中绘制区域，就像在Google地图中绘制区域一样？使用JavaScript动态绘制。
编辑：问题是将地图图像放置在页面上，并在房屋顶部绘制区域。

- bluefoot

Answer 1

使用canvas元素。

- Charles Stewart

---

除非您使用Google explorecanvas项目http://code.google.com/p/explorercanvas/，否则此代码将无法在IE中运行。 - Keith Adler

@Nissan：是的，我现在记得了。它是HTML5的一部分，所以我想IE最终会支持它的。 - Charles Stewart

所有的解决方案都很好。我会选择Canvas元素，因为我的客户不关心IE。起初，我在寻找JS解决方案，然后我发现了这些：http://www.c-point.com/javascript_vector_draw.htm和http://jsdraw2d.jsfiction.com/。 - bluefoot

Answer 2

另一种选择是使用 SVG 或 VML（仅限 IE）。尽管 canvas 标签肯定是最容易的。

我之前尝试过通过 javascript 动态创建 SVG：这里是一个示例用途。

- Eric

Answer 3

除了使用JavaScript解决方案外，您还可以始终使用PHP动态绘制线条。然后将新创建的图像放在地图图像的顶部。

以下是一个小教程: 使用GD绘制形状

- Dominique