在图像中绘制和绘制区域
如何根据点在图像中绘制区域,就像在谷歌地图中绘制区域一样?使用 JavaScript 动态实现。
编辑:问题是将地图图像放在页面上并在房屋顶部绘制一个区域。
How to draw areas in a image, based on points, like draw areas in google maps? Dynamically with javascript.
Editing: The question is about to put a map image on the page and draw an area on the top of a house, for example.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
使用canvas 元素。
Use the canvas element.
另一种选择是使用 SVG 或 VML(仅限 IE)。尽管画布标签肯定是最简单的。
我不久前尝试过通过 javascript 动态创建 SVG:这里是一个示例用法。
Another option is to use SVG or VML (IE only). Although canvas tags are certainly the easiest.
I experimented with dynamically created SVG through javascript a while back: here's an example usage.
除了 JavaScript 解决方案之外,您始终可以使用 PHP 来动态绘制线条。然后将新创建的图像放置在地图图像的顶部。
这是一个小教程:使用 GD 绘制形状
In addition to the JavaScript solution, you could always use PHP to dynamically draw lines. Then place the newly-created image on top of the map image.
Here is a small tutorial: Drawing shapes with GD